jquery 查找选择选项属性

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>

要获取引用ID，我只需这样做:

$("#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');