こんばんは。
HTMLとJavaScriptで簡単な動的ページを作成しています。
そこで、行き詰っていることがありますのでご相談を・・・。
こういう<SELECT>があるとします・・・。
<FORM name="myform">
<SELECT name="menu">
<OPTION value="item1001">メニュー1</OPTION>
<OPTION value="item2001">メニュー2</OPTION>
</SELECT>
</FORM>
初期値を「メニュー2」にしたい場合・・・これをJavaScriptで指定する場合、ONLOADのタイミングで・・・
document.myform.menu.value = "item2001";
とすればいけます。
今回は・・・"item2"だけの情報でヒットさせたいと思っています。
つまり、optionのvalue値の頭から5桁だけのマッチングでセレクト状態にさせたいのです。
ループという形をとらずにセレクトさせる方法を探しています。
テクニックをご教授下さい・・・。
宜しくお願い致します。
No.2
- 回答日時:
コードを見る限りでは、optionの各value値の末尾3ケタ
が変わらないようですので、それを利用すれば、ループ
を使わずに、アタマ5桁の文字列でマッチングできるので
はないでしょうか。
具体的には、次の様なコードでどうでしょう。
テキストフィールドに明示的に文字列を表わすようにして
みました。
<script>
function Jump(o){
document.myform.menu.value = o+'001';
}
</script>
<FORM name="myform">
<input name="ih" type="text" value="item2">
<input type="button" value="CLICK" onclick="Jump(this.form.ih.value)"><SELECT name="menu">
<OPTION value="item1001">メニュー1</OPTION>
<OPTION value="item2001">メニュー2</OPTION>
</SELECT>
</FORM>
No.1ベストアンサー
- 回答日時:
>optionのvalue値の頭から5桁だけのマッチングでセレクト状態にさせたいのです。
valueの値でということは、それぞれのvalueを調べる必要があるからループさせずにはムリでしょう
<OPTION id="item2" value="item2001">メニュー2</OPTION>
とかしておけば
document.getElementById("item2").selected=true;
で一発でできると思うけど
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
value内に変数を入れたい
-
3桁区切りのカンマをつけたい...
-
テキストボックスに入力された...
-
VBAをJavaScriptに変換したいです
-
複数のsubmitボタンで押された...
-
他フォームの入力データの引継ぎ
-
JavaScriptによる自動計算フォ...
-
[C#]連想配列の中に配列を入れたい
-
VB.NET DateTimeの型について
-
ホームページ上での計算につい...
-
javascriptでhiddenに二次元配...
-
hiddenのvalueの値を変えたい
-
サイト内検索で文字化けしてい...
-
setIntervalの間隔を途中で変更...
-
プルダウンから移動時のフレー...
-
全角の縦書きが一定文字数で改...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
submitボタン押下時にPOSTされ...
-
大文字か小文字かを判断する方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
hiddenのvalueの値を変えたい
-
value内に変数を入れたい
-
複数のsubmitボタンで押された...
-
3桁区切りのカンマをつけたい...
-
VB.NET DateTimeの型について
-
javascriptでhiddenに二次元配...
-
テキストボックスに入力された...
-
eval()を使わずに数値を取得し...
-
引数に数値、文字列の混在
-
クイズ作成:15個の問題から5個...
-
sessionStorageを調べています。
-
setIntervalの間隔を途中で変更...
-
javascriptにてHTMLのhiddenエ...
-
name属性が同じフォームが複数...
-
セレクトボックスの初期選択状...
-
Pythonで会員サイトの自動ログ...
-
演算対象の数字と演算子を入力...
-
商品コードを入れたら自動で商...
-
フォームで入力した値を別のフ...
-
ラジオボタンの選択で解答・点...
おすすめ情報