jquery - 如何使用jquery获取选项标题="sample"

Question

我正在尝试根据选择选项上的标题属性更新隐藏字段，我已经尝试了下面的代码，但似乎无法使其工作。

<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>

Answer 1

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

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

$(this)指的是select元素的上下文，可以使用find获取感兴趣的后代，在本例中是选定的选项。