Question

我知道如何使用jquery获取元素的属性。但我不确定如何使用选择字段中的实际选项。

<select referenceID="55" name="test" id="test">
  <option value="1">first option</option>
  <option value="2">second option</option>
  <option value="3">third option</option>
</select>

要获取referenceID，我会这样做：

$("#test").attr("referenceID");

当我想获得价值时：

$("#test").val();

但是我想要更有趣一点。我想在每个选项中加入一些特定的信息：

<select name="test" id="test">
  <option value="1" title="something here"*>first option</option>
  <option value="2" title="something else here">second option</option>
  <option value="3" title="another thing here">third option</option>
</select>

是否可以在选项标签中获取属性？

我打算有一个读取标题标签的onselect函数，并帮助我完成其他一些事情。

Answer 1

假设您要查找所选选项的title属性...

$('#test option:selected').attr('title');

也就是说，找到#test的后代元素，它是（a）一个选项元素和（b）is selected。

如果您的选择中包含#test，则可以使用find执行此操作：

$('#test').find('option:selected').attr('title');

Answer 2

如果你正在使用onchange，你可以像下面这样使用：

$("#test").change(function(){
    var title =  $(this).find('option:selected').attr('title');
});

Answer 3

这不起作用吗？

$("#test").change(function() {

   var title = $(this).attr("title");

});

jquery查找选择选项属性

3 个答案: