プルダウンの任意の項目を選択状態にする
こういう↓
プルダウンの選択肢を自動で設定したいとき、いままで
$('select[name=city] option[value=0001]').attr('checked', 'checked');
こんな感じでselectボックスのoptionの値が〜だったやつをattrでchecked属性追加!なんて面倒なことやってたんだけど。
selectのval()で、optionのvalueを設定するだけで、選択状態になるんだって!誰か早く教えてよー。すげかっこ悪いことしてたなー。
以下の例では、プルダウンに4つの項目が存在していて、optionのvalueは0001〜0004となっている。テキストボックスにそのoptionの値(value)を入力し、ボタンを押すと指定した項目が選択状態となる、例。
<input type="text" id="value"/> <input type="button" value="を選択" onclick="doSelect();" /> <br /> <select name="city" id="city"> <option value="0001">神田</option> <option value="0002">御茶ノ水</option> <option value="0003">神保町</option> <option value="0004">東京</option> </select>
selectのオブジェクトを取得してきて、そのオブジェクトのvalにセットするのがみそ。思いつきそうでなかなか思いつかない罠。
function doSelect() { var value = $('#value').val(); $('#city').val(value); }