読者です 読者をやめる 読者になる 読者になる

matsukaz's blog

Agile, node.js, ruby, AWS, cocos2d-xなどなどいろいろやってます

jQueryを利用してselected、checkedで選択状態に

jQuery

jQueryを利用してコンボボックスを選択状態にできないかなって思って調べていたら、selectで指定のものを選択状態にってエントリを発見。早速試してみました。

<select id="col1" name="col1">
<option value="val1">値1</option>
<option value="val2">値2</option>
<option value="val3">値3</option>
</select>

ってHTMLに対して

$("#col1").val("val2");

って記述でほんとに選択状態にできました。素敵過ぎです。
checkboxとかradioとかはどうなのかと思ったら、こっちは

$(".col2[@value=val2]").attr("checked","checked");

って記述でいけるみたい。これまたシンプル!
HTML中にselectedとかcheckedとかつけるのは案外面倒だけど、JavaScriptでできると随分楽になるなぁ。jQueryとってもお勧めです!