jquery选择器无法从隐藏字段读取

Question

（答案汇总到另一个问题）

以下jquery 1.3.2 代码工作原理：

<input type="select" value="236434" id="ixd" name='ixd' />

<script>
console.log( $('#ixd') );
console.log( $("input[name='ixd']") );
</script>

控制台显示：

[输入#ixd 236434]

[输入#ixd 236434]

但是，将输入设置为“隐藏”会阻止选择器工作。 有什么线索吗？

<input type="hidden" value="236434" id="ixd" name='ixd' />

<script>
console.log( $('#ixd') );
console.log( $("input[name='ixd']") );
</script>

控制台显示：

[]

[]

Answer 1

不知道为什么会失败。 我在工作中经常做同样的事情，无论表单域是否隐藏，它都有效。

也许试试这个：

<input type="hidden" value="236434" id="ixd" name='ixd' />

<script>
    console.log($("#xid").val())
</script>

这会给你隐藏字段的值。 要从表单字段中获取值，需要使用 .val() 方法。

Answer 2

<input type="select" value="236434" id="ixd" name='ixd' />

这甚至是有效的标记吗？

看起来，即使没有显式调用 .val()，选择可见输入也会检索它的值，而选择隐藏输入则不会：

：

console.log( $('#ixd').val() );
console.log( $("input[name='ixd'][type='hidden']") );

尝试

console.log( $("input[name='ixd']").val() );

Answer 3

这可能更多是控制台的问题。 我进行了测试，它似乎仍然抓住了元素的实例。 我无法确切地告诉你你想在这里做什么。

如果您只是尝试验证是否找到对象，请检查 length 属性

console.log( $('#xid').length );

如果您尝试获取字段的值，请使用 val 方法

console.log( $('#xid').val() );

最后，在您的解决方案中，DOM 可能尚未完全加载。 确保将逻辑包装在 document.ready 调用中。

$(document).ready(function() {
    console.log( $('#xid').val() );
});

Answer 4

如果您在 ASP.Net 中执行此操作，请在运行时通过浏览器中的“查看源代码”选项检查控件的 ID。 例如，如果您的控件是在内容页中声明的，您可能会发现您的控件 ID 不是您期望的那样。 在这种情况下，它将被分配一个由其母版页驱动的 ID。 您可以使用 ASP.Net 内联语法引用其 ClientID 属性，而不是在 jQuery 中对 ID 进行硬编码，这也将保护您免受母版页或内容页控件层次结构中的任何更改的影响。

所以......

$('#<%= myHiddenControl.ClientID %>').val();

将是一个比...更好的选择

$('#ctl00_ContentPlaceHolder1_ctl00_ContentPlaceHolder1_myHiddenControl').val();

，尽管它们都可以工作。

Answer 5

我遇到问题 $('#field_id').val() 没有返回任何值，因为隐藏字段是嵌套的 (body > div > form > ul > ;李>p）。 将其移出 ul 解决了问题。

Answer 6

如果以上方法都不起作用，请尝试

$('#xid').attr('value');