我知道如何使用
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>
解决方法
假设您要查找所选选项的标题属性…
$('#test option:selected').attr('title');
也就是说,找到#test的后代元素,它是(a)选项元素,(b)为is selected.
如果你已经有一个包含#test的选择,你可以通过find来做到这一点：
$('#test').find('option:selected').attr('title');
