如何使用 jquery 获取选项 title="sample"答案

【问题标题】：how to get option title="sample" using jquery如何使用 jquery 获取选项 title="sample"
【发布时间】：2011-02-16 23:55:48
【问题描述】：

我正在尝试根据选择选项上的标题属性更新隐藏字段，我尝试了下面的代码，但似乎无法让它工作。感谢您的帮助！

<form>
    <select id="selectbox">
        <option name="test" value="one" title="title" selected="selected">one</option>
        <option name="test2" value="two" title="title2">two</option>
    </select>
</form>
<input id="update" type="hidden" value="defaultold" />

<script>
    $('#update').val('default');
    $('#selectbox').change(function() {
        $('#update').val($(this).attr("title"));
    });
</script>

【问题讨论】：

标签： jquery select option attr

【解决方案1】：

使用 jquery 访问所选选项的文本：

var title = $( "#myselectId option:selected" ).text();

【讨论】：

【解决方案2】：

将该代码封装在$(document).ready(... 块中，您需要使用选项的 标题：

$(document).ready(function() {
    $('#update').val('default');   
    $('#selectbox').change(function() {
         $('#update').val($(this).find("option:selected").attr("title"));
    });
});

$(this) 指的是选择元素的上下文，您可以使用find 来获取感兴趣的后代，在这种情况下是选择的选项。

【讨论】：