Question

尝试从JQuery点击事件中的<li>获取值。我使用无序列表作为选择表来代替真正的下拉列表。

HTML：

<ul id="dropdown">
 <li value="1">user name</li>
 <li value="2">user age</li>
 <li value="3">user height</li>
</ul>

JS：

$('#contactdiv1 #dropdown li').click(function(e) {
      var selection = $(this).text(); //this alerts name
      var selection = $(this).value(); // this fails object undefined
      var selection = $(this).find("value").text(); // this is blank
      alert(selection);
     //populateTableRow($('#customer-title'), data, selection);
});

Answer 1

首先，您不应该在value上使用<ul>属性，它仅保留给<ol>。

您可以始终使用$("selector").attr("attribute")来获取元素中存在的任何属性的值。

正如评论中所说，你应该使用data-*属性来处理非纯HTML的所有内容。

Answer 2

使用.attr值获取属性对表单/输入元素起作用，而不是li

的有效属性

_ == (4,2,5)

$('#dropdown li').click(function(e) {
     alert($(this).attr("value"))
});

JQuery从<li>获取值

2 个答案: