在JQuery中隐藏和显示li

在JQuery中隐藏和显示li,jquery,Jquery,HTML 字段大小: 选择一个尺码 小的 中等 大的 电话格式 ### - ### - #### 国际的 选项: 要求的 用户须知 JQuery $(文档).ready(函数(){ $('#fieldSize').fieldValue(); }); 我在哪里使用表单插件 它只显示了正确的值,我将id=“listSize”作为第一个选项保留li 如果我把它放在下面作为最后一个李或中间,它就不起作用了。为什么呢 另外,如何通过JQuery使一个li显示:无和显示:阻止某些操

HTML

  • 字段大小: 选择一个尺码 小的 中等 大的
  • 电话格式 ### - ### - #### 国际的
  • 选项: 要求的
  • 用户须知
JQuery


$(文档).ready(函数(){
$('#fieldSize').fieldValue();
});
我在哪里使用表单插件

它只显示了正确的值,我将id=“listSize”作为第一个选项保留li 如果我把它放在下面作为最后一个李或中间,它就不起作用了。为什么呢


另外,如何通过JQuery使一个li显示:无和显示:阻止某些操作???

您可以使用以下命令读取所选值:

$("#fieldSize").val()
(此操作不需要表单插件)


您可以使用和方法隐藏/显示元素。

您有两个id为fieldSize的DOM元素(一个可能引用listSize,另一个引用listPhoneFormat)。您应该重命名这些元素,使每个id都是唯一的,否则您永远无法确定要检索哪个DOM元素

id fieldSize唯一后,您可以使用id fieldSize检索表单元素的值,如下所示:

var fieldSizeVal = $("#fieldSize").val();
$("#fieldSize").show(); // show the DOM element with id fieldSize
$("#fieldSize").hide(); // hide the DOM element with id fieldSize
当然,这将适用于映射到表单元素的任何id

隐藏和显示您可以这样做:

var fieldSizeVal = $("#fieldSize").val();
$("#fieldSize").show(); // show the DOM element with id fieldSize
$("#fieldSize").hide(); // hide the DOM element with id fieldSize

这些函数适用于任何DOM元素或一组DOM元素,而不仅仅是表单元素。

请输入您的jQuery代码。因为您在代码中使用了两次相同的“id”,即“fieldSize”。这就是为什么它第一次出现id名FielsSize的原因。根据CSS规则,在HTML中只能使用id一次,但在HTML中可以多次使用相同的类名。