jQuery Mobileでselectをjsから指定する
jQuery MobileのSelect要素
<select name="color" id="color_select" data-native-menu="false"> <option value="">選択してください</option> <option value="red">赤</option> <option value="blue">青</option> <option value="white">白</option> <option value="black">黒</option> </select>
選ぶとこういう状態になる。
見た目をスマートフォンっぽくするために、selectとは別のhtmlを描画してるので、普通のフォームのようにjsで値を変更しても見た目変わっていないように見える
$('#color_select').val('black'); // とか $('#color_select').val(''); // しても見た目が変わらない。
ドキュメント調べてみると、selectmenu('refresh')をすると見た目を変更できることがわかった。
$('#color_select').val('black').selectmenu('refresh');
close、open、disable、enableなんかもselectmenuから制御できる。
