jQueryを利用してselected、checkedで選択状態に
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とってもお勧めです!
- 作者: 神田幸恵
- 出版社/メーカー: 翔泳社
- 発売日: 2015/12/16
- メディア: 大型本
- この商品を含むブログを見る