cách lấy tiêu đề tùy chọn = "mẫu" bằng cách sử dụng jquery

Question

Tôi đang cố gắng cập nhật trường ẩn dựa trên thuộc tính tiêu đề trên tùy chọn chọn, tôi đã thử mã dưới đây và dường như không thể công việc. Cảm ơn vì bất kì sự giúp đỡ!

<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

Encapsulate rằng mã trong một khối $(document).ready(..., và bạn cần phải sử dụng tiêu đề tùy chọn của:

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

$(this) đề cập đến bối cảnh của phần tử select, bạn có thể sử dụng find để có được hậu duệ mà bạn quan tâm trong trường hợp này là tùy chọn đã chọn.