jqueryを使用してオプションタイトルを取得する方法=「サンプル」
質問
SelectオプションのAタイトル属性に基づいて非表示フィールドを更新しようとしています。コードBellowを試してみましたが、機能させることはできません。助けてくれてありがとう!
<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>
解決
a内のコードをカプセル化します $(document).ready(...
ブロックすると、使用する必要があります オプション タイトル:
$(document).ready(function() {
$('#update').val('default');
$('#selectbox').change(function() {
$('#update').val($(this).find("option:selected").attr("title"));
});
});
$(this)
選択要素のコンテキストを指し、使用できます find
この場合に選択されたオプションである関心の子孫を取得するため。
他のヒント
jQueryを使用して選択したオプションのテキストにアクセスしてください:
var title = $( "#myselectId option:selected" ).text();
所属していません StackOverflow