как получить вариант title = "sample" с помощью jquery

Question

Я пытаюсь обновить скрытое поле на основе атрибута title в опции select, я попробовал приведенный ниже код и, похоже, не могу заставить его работать.Спасибо за любую помощь!

<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(..., и вам нужно использовать title опции :

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

$(this) относится к контексту элемента select, вы можете использовать find для получения интересующего потомка, который в данном случае является выбранным параметром.

Answer 2

Доступ к тексту выбранной опции с помощью jquery:

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