pc.casey.jp

Javascript で Selected を変更するただのメモ。

やりたい事は単純で、Select のID （＝SaleItemId）と、選択させたいValue （＝55）を渡すと、そのようにしてくれるというタダのそれだけ。

HTMLのサンプル：

<select name="data[Sale][item_id]" id="SaleItemId">
<option value="53">ウィルス対策ソフトＡ</option>
<option value="51">パソコン本体Ａ</option>
<option value="52">パソコン本体Ｂ</option>
<option value="54">ウィルス対策ソフトＢ</option>
<option value="55">マウス</option>
<option value="56">キーボード</option>
</select>

呼び出し部のサンプル：

echo '<a href="#" onClick="selectedChange(\'SaleItemId\', 55);">test</a>';

Javascript のサンプル：

<SCRIPT language="JavaScript"><!--
function selectedChange(formSelectId, itemValue){
var objSelect = document.getElementById(formSelectId);
var m = objSelect.length;
var i = 0;
for(i=0;m>i;i++){
if(objSelect.options[i].value == itemValue){
objSelect.options[i].selected = true;
break;
}
}
}
//--></SCRIPT>

関連記事

• JavaScriptフレーム内で呼び出されたくない
• [Javascript] UnixTimeをDateへ変換する
• jQuery を使ったフローティングポップアップ
• [TripletaiL] HTML内のセレクトに値を追加する（form）
• JavascriptでUnixTime
• バッチファイル｜メニュー選択サンプル
• JavascriptでCookieを簡単に扱うライブラリ「Cookie Manager」

スポンサードリンク

このエントリは 2010 8月 16 07:51 に投稿され、JavaScript 以下にファイルされています。 あなたは RSS 2.0 フィードを通してこのエントリへのレスポンスを取得することが可能です。 あなたはこの記事に対しコメントすることが可能です。また、あなたのサイトからトラックバックを送ることも可能です。 (TEST-4: 1063 )