タグ付けされた質問 「html-select」

オプションの有限コレクションから1つ以上のオプションを選択するためのHTMLユーザーインターフェイス要素。

26
JavaScriptを使用してドロップダウンリストで選択した値を取得する
OverаэтотвопросестьответынаStack Overflowнарусском:Какполучитьвыбранноезначениеввыпадающемсписке JavaScriptを使用してドロップダウンリストから選択した値を取得するにはどうすればよいですか? 以下の方法を試しましたが、すべて値ではなく選択したインデックスを返します。 var as = document.form1.ddlViewBy.value; var e = document.getElementById("ddlViewBy"); var strUser = e.options[e.selectedIndex].value;

30
「選択」ボックスのプレースホルダーを作成するにはどうすればよいですか?
私はうまく機能しているテキスト入力用のプレースホルダーを使用しています。しかし、selectboxにもプレースホルダーを使用したいと思います。もちろん、私はこのコードを使用することができます: <select> <option value="">Select your option</option> <option value="hurr">Durr</option> </select> ただし、「オプションを選択してください」はライトグレーではなく黒で表示されます。したがって、私のソリューションはCSSベースである可能性があります。jQueryも問題ありません。 これにより、ドロップダウンのオプションがグレーになります(矢印をクリックした後)。 option:first { color: #999; } 問題は、人々はどのようにしてセレクトボックスにプレースホルダーを作成するのかということです。しかし、それはすでに答えられています、乾杯。 これを使用すると、選択された値は常に(実際のオプションを選択した後でも)灰色になります。 select { color: #999; }

27
HTMLの<select>要素のデフォルト値を設定するにはどうすればよいですか?
以下"value"の&lt;select&gt;要素に属性セットを追加すると、デフォルトで&lt;option&gt;私の提供物が含まれる"value"ようになると思いました: &lt;select name="hall" id="hall" value="3"&gt; &lt;option&gt;1&lt;/option&gt; &lt;option&gt;2&lt;/option&gt; &lt;option&gt;3&lt;/option&gt; &lt;option&gt;4&lt;/option&gt; &lt;option&gt;5&lt;/option&gt; &lt;/select&gt; コードスニペットを実行する結果を非表示スニペットを展開 しかし、これは期待したとおりに機能しませんでした。&lt;option&gt;デフォルトで選択される要素を設定するにはどうすればよいですか?
1458 html  html-select 

30
jQueryでJavaScriptオブジェクトとしてselect fromにオプションを追加する最良の方法は何ですか?
&lt;select&gt;jQueryを使用してJavaScriptオブジェクトからにオプションを追加する最良の方法は何ですか? プラグインが必要ないものを探していますが、そこにあるプラグインにも興味があります。 これは私がやったことです: selectValues = { "1": "test 1", "2": "test 2" }; for (key in selectValues) { if (typeof (selectValues[key] == 'string') { $('#mySelect').append('&lt;option value="' + key + '"&gt;' + selectValues[key] + '&lt;/option&gt;'); } } クリーンでシンプルなソリューション: これは、matdumsaのクリーンアップおよび簡略化されたバージョンです。 $.each(selectValues, function(key, value) { $('#mySelect') .append($('&lt;option&gt;', { value : key }) .text(value)); …

23
選択ボックスのすべてのオプションを削除してから、1つのオプションを追加してjQueryでそれを選択するにはどうすればよいですか?
コアjQueryを使用して、選択ボックスのすべてのオプションを削除し、1つのオプションを追加してそれを選択するにはどうすればよいですか? 私のセレクトボックスは以下です。 &lt;Select id="mySelect" size="9"&gt; &lt;/Select&gt; 編集:次のコードは連鎖に役立ちました。ただし、(Internet Explorerでは).val('whatever')追加されたオプションは選択されませんでした。(私は両方に同じ「の値を」を使用しなかった.appendと.val。) $('#mySelect').find('option').remove().end() .append('&lt;option value="whatever"&gt;text&lt;/option&gt;').val('whatever'); 編集:このコードを模倣するようにしようとして、ページ/フォームがリセットされるたびに次のコードを使用します。この選択ボックスには、ラジオボタンのセットが表示されます。.focus()はより近かったが、オプションはのように選択されたようには見えなかった.selected= "true"。私の既存のコードに問題はありません-私はただjQueryを学ぼうとしています。 var mySelect = document.getElementById('mySelect'); mySelect.options.length = 0; mySelect.options[0] = new Option ("Foo (only choice)", "Foo"); mySelect.options[0].selected="true"; 編集:選択した答えは私が必要とするものに近かった。これは私のために働きました: $('#mySelect').children().remove().end() .append('&lt;option selected value="whatever"&gt;text&lt;/option&gt;') ; しかし、両方の答えが私を私の最終的な解決策に導きました。

27
選択オプションを「値を指定して」設定します
selectいくつかのオプションがあるフィールドがあります。次にoptions、jQuery でそれらの1つを選択する必要があります。しかしvalue、option選択する必要があるのを知っているだけで、どうすればよいですか? 次のHTMLがあります。 &lt;div class="id_100"&gt; &lt;select&gt; &lt;option value="val1"&gt;Val 1&lt;/option&gt; &lt;option value="val2"&gt;Val 2&lt;/option&gt; &lt;option value="val3"&gt;Val 3&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; 値付きのオプションを選択する必要がありますval2。これはどのように行うことができますか? これがデモページです:http : //jsfiddle.net/9Stxb/

16
jQueryを使用してドロップダウンリストの選択した値を変更する
既知の値のドロップダウンリストがあります。私がやろうとしていることは、ドロップダウンリストを、jQueryを使用して存在することがわかっている特定の値に設定することです。通常のJavaScriptを使用して、私は次のようなことをします: ddl = document.getElementById("ID of element goes here"); ddl.value = 2; // 2 being the value I want to set it too. ただし、セレクター(愚かなASP.NETクライアントID ...)にCSSクラスを使用しているため、jQueryでこれを行う必要があります。 これが私が試したいくつかのことです: $("._statusDDL").val(2); // Doesn't find 2 as a value. $("._statusDDL").children("option").val(2) // Also failed. jQueryでそれを行うにはどうすればよいですか? 更新 結局のところ、私はそれを最初に正しく持っていました: $("._statusDDL").val(2); アラートをすぐ上に置くと問題なく動作しますが、アラートを削除してフルスピードで実行すると、エラーが発生します 選択したプロパティを設定できませんでした。無効なインデックス それはjQueryのかのバグだ場合、私はよく分からないのInternet Explorer 6(私は推測しているインターネットエクスプローラ6)が、それはひどく迷惑なんです。

8
AngularJSのng-optionsを使用したselectの操作
私は他の投稿でそれについて読みましたが、それを理解することができませんでした。 私はアレイを持っています、 $scope.items = [ {ID: '000001', Title: 'Chicago'}, {ID: '000002', Title: 'New York'}, {ID: '000003', Title: 'Washington'}, ]; それを次のようにレンダリングしたい: &lt;select&gt; &lt;option value="000001"&gt;Chicago&lt;/option&gt; &lt;option value="000002"&gt;New York&lt;/option&gt; &lt;option value="000003"&gt;Washington&lt;/option&gt; &lt;/select&gt; また、ID = 000002のオプションを選択します。 selectを読んで試しましたが、理解できません。

15
選択ボックスの選択オプションを設定する
以前に選択したオプションをページの読み込み時に表示するように設定したい。私は次のコードでそれを試しました: $("#gate").val('Gateway 2'); と &lt;select id="gate"&gt; &lt;option value='null'&gt;- choose -&lt;/option&gt; &lt;option value='gateway_1'&gt;Gateway 1&lt;/option&gt; &lt;option value='gateway_2'&gt;Gateway 2&lt;/option&gt; &lt;/select&gt; しかし、これは機能しません。何か案は?

23
Angular.js選択ボックスにデフォルトオプションを設定する方法
私はGoogleを検索しましたが、これについて何も見つかりません。 私はこのコードを持っています。 &lt;select ng-model="somethingHere" ng-options="option.value as option.name for option in options" &gt;&lt;/select&gt; このようないくつかのデータで options = [{ name: 'Something Cool', value: 'something-cool-value' }, { name: 'Something Else', value: 'something-else-value' }]; そして出力はこのようなものです。 &lt;select ng-model="somethingHere" ng-options="option.value as option.name for option in options" class="ng-pristine ng-valid"&gt; &lt;option value="?" selected="selected"&gt;&lt;/option&gt; &lt;option value="0"&gt;Something Cool&lt;/option&gt; &lt;option value="1"&gt;Something Else&lt;/option&gt; …

12
ドロップダウンリストからデフォルトの矢印アイコンを削除する方法(要素を選択)?
HTML &lt;select&gt;要素からドロップダウン矢印を削除したい。例えば: &lt;select style="width:30px;-webkit-appearance: none;"&gt; &lt;option&gt;2000&lt;/option&gt; &lt;option&gt;2001&lt;/option&gt; &lt;option&gt;2002&lt;/option&gt; ... &lt;/select&gt; Opera、Firefox、Internet Explorerでそれを行う方法


15
選択ボックスからのアイテムの削除
選択ボックスからアイテムを削除または追加するにはどうすればよいですか?jQueryを実行していますが、これによりタスクが簡単になります。以下は選択ボックスの例です。 &lt;select name="selectBox" id="selectBox"&gt; &lt;option value="option1"&gt;option1&lt;/option&gt; &lt;option value="option2"&gt;option2&lt;/option&gt; &lt;option value="option3"&gt;option3&lt;/option&gt; &lt;option value="option4"&gt;option4&lt;/option&gt; &lt;/select&gt;

8
jQueryは選択からオプションを削除します
5つのselectがあり、すべてにクラス名「ct」があるページがあります。onclickイベントの実行中に、各選択から値「X」のオプションを削除する必要があります。私のコードは: $(".ct").each(function() { $(this).find('X').remove(); }); どこがいけないの?

30
HTML <select>のonSelectイベントまたは同等のものはありますか?
複数のオプションから選択できる入力フォームがあり、ユーザーが選択を変更したときに何かを実行します。例えば、 &lt;select onChange="javascript:doSomething();"&gt; &lt;option&gt;A&lt;/option&gt; &lt;option&gt;B&lt;/option&gt; &lt;option&gt;C&lt;/option&gt; &lt;/select&gt; 現在はdoSomething()、選択が変更されたときにのみトリガーされます。 doSomething()ユーザーがオプションを選択したときにトリガーしたいのですが、おそらく同じオプションをもう一度選択します。 「onClick」ハンドラーを使用しようとしましたが、ユーザーが選択プロセスを開始する前にトリガーされます。 それで、ユーザーが選択するたびに関数をトリガーする方法はありますか? 更新: ダリルが提案した答えは機能するように見えましたが、一貫して機能しません。ユーザーが選択プロセスを完了する前であっても、ユーザーがドロップダウンメニューをクリックするとすぐにイベントがトリガーされることがあります。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.