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

jQueryを使用して、選択メニューでオプションが選択されているかどうかを確認し、選択されていない場合は、選択されているオプションの1つを割り当てます。 （selectは、継承したアプリのPHP関数の迷路を使用して生成されるので、これを理解するための簡単な修正です:)

207 javascript  jquery  forms  dom  html-select 

私が持っているselect私は、ユーザーの値を変更することはできませんとして、「読み取り専用」としてマークすることをフォームフィールドを、その値は、まだフォームで送信されます。disabled属性を使用すると、ユーザーは値を変更できなくなりますが、フォームで値を送信しません。 readonly属性は、のためにのみ利用可能であるinputとtextareaフィールドが、それは私が欲しいものは基本的です。それを機能させる方法はありますか？ 私が検討している2つの可能性は次のとおりです。 を無効にする代わりにselect、すべてのを無効にし、optionCSSを使用して選択をグレー表示して、無効になっているように見せます。 フォームを送信する前に無効になっているすべてのドロップダウンメニューを有効にするように、送信ボタンにクリックイベントハンドラーを追加します。

180 javascript  html  css  forms  html-select 

私はこのようなオプションメニューを持っています： <form name="AddAndEdit"> <select name="list" id="personlist"> <option value="11">Person1</option> <option value="27">Person2</option> <option value="17">Person3</option> <option value="10">Person4</option> <option value="7">Person5</option> <option value="32">Person6</option> <option value="18">Person7</option> <option value="29">Person8</option> <option value="28">Person9</option> <option value="34">Person10</option> <option value="12">Person11</option> <option value="19">Person12</option> </select> </form> 次に、hrefを使用して、選択したオプションを変更します。例えば： <a href="javascript:void(0);" onclick="document.getElementById('personlist').getElementsByTagName('option')[11].selected = 'selected';">change</a> しかし、私はでvalue=11 (Person1)はなくでオプションを選択したいと思いますPerson12。 このコードを変更するにはどうすればよいですか？

168 javascript  html-select 

<option>ドロップダウンボックスでjQueryに、たとえば4番目の項目を選択させることができるかどうか疑問に思っていましたか？ <select> <option></option> <option></option> <option></option> <option></option> <option></option> </select> ユーザーがリンクをクリックしてから、ユーザーがをクリックしてリンク<select>を選択したかのように、ボックスに値を変更させたい<option>。

157 javascript  jquery  html  drop-down-menu  html-select 

さて、私はこのコードを持っています： <select name="selector" id="selector"> <option value="1">Option 1</option> <option value="2">Option 2</option> </select> そして、私は選択されたオプションの値を取得したいと思います。例：「オプション2」が選択され、その値は「2」です。「2」は「オプション2」ではなく、取得する必要がある値です。

156 jquery  html  html-select 

私のコードはIEでは機能しますが、Safari、Firefox、Operaでは機能しません。（ビッグサプライズ） document.getElementById("DropList").options.length=0; 調べてみたら、嫌いなものだとわかりましたlength=0。 私が試した...options=nullとvar clear=0; ...length=clear同じ結果に。 私は一度に複数のオブジェクトに対してこれを行っているので、軽量のJSコードを探しています。

153 javascript  html-select 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善したいですか？Stack Overflowのトピックとなるように質問を更新します。 5年前休業。 この質問を改善する スタイルを設定する必要があるHTML選択ボックスがあります。CSSだけを使用したいのですが、必要な場合は、jQueryを使用してギャップを埋めます。 誰でも良いチュートリアルやプラグインをお勧めできますか？ Googleは知っていますが、過去2時間を検索してきましたが、自分のニーズを満たすものが見つかりません。 それは： jQuery 1.3.2と互換性があります アクセシブル 邪魔にならない 選択ボックスのあらゆる側面のスタイリングに関して完全にカスタマイズ可能 私のニーズを満たすものを誰かが知っていますか？

145 jquery  css  html-select 

私はHTMLとPHPに不慣れで、mysqlテーブルからドロップダウンメニューを実現し、ハードコーディングしたいと考えています。ページに複数選択があります。そのうちの1つは <select name="tagging"> <option value="">Choose Tagging</option> <option value="Option A">Option A</option> <option value="Option B">Option B</option> <option value="Option C">Option C</option> </select> 問題は、ユーザーがタグ付けとして「タグ付けの選択」を選択できることですが、利用可能な3つから選択するように彼に提供したいだけです。私は無効化を使用しました <select name="tagging"> <option value="" disabled="disabled">Choose Tagging</option> <option value="Option A">Option A</option> <option value="Option B">Option B</option> <option value="Option C">Option C</option> </select> しかし、今では「オプションA」がデフォルトになりました。したがって、「Choose Tagging」をデフォルトとして設定し、それを選択から無効にしたいと思います。これを行う方法ですか？Mysqlからデータをフェッチする他のselectでも同じことが必要です。どんな提案も認められます。

139 html  html-select 

Select-OptionとDatalist-Optionの違いは何だろうと思っていました。どちらか一方を使用した方がよい状況はありますか？それぞれの例は次のとおりです。 選択オプション <select name="browser"> <option value="firefox">Firefox</option> <option value="ie">IE</option> <option value="chrome">Chrome</option> <option value="opera">Opera</option> <option value="safari">Safari</option> </select> データリスト-オプション <input type=text list=browsers> <datalist id=browsers> <option value="Firefox"> <option value="IE"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist>

136 html  html-select  forms  html-datalist 

<SELECT multiple>複数のオプションを持つフィールドがあり、同時に1つのオプションのみを選択できるようにしたいのですが、ユーザーはCTRLキーを押しながら一度に複数のアイテムを選択できます。 それを行う方法はありますか？（「複数」を削除したくありません）。

134 html  html-select 

私が持っているselect箱を、私は時にオプションの背景色を変更しようとしているselectボックスは、すべてのオプションをクリックし、ショーされています。 フィドルを参照 HTML： <select> <option val="">Please choose</option> <option val="1">Option 1</option> <option val="2">Option 2</option> <option val="3">Option 3</option> <option val="4">Option 4</option> </select> CSS： select{ margin:40px; background: rgba(0,0,0,0.3); color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.4); }

129 html  css  html-select  background-color 

要素を選択しました。矢印を削除したいので、他のアイコンを追加します。FirefoxSafariとChromeでそれを実行できますが、IE9では機能しませんでした。 .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url('select_icon.png') no-repeat; background-position: 179px 7px; text-indent: 0.01px; text-overflow: ""; color: #FCAF17; width:200px; } SEE フィドル上のIE9。IE9で矢印を削除するだけです。JSFIDDLEで回答してください。

126 html  css  html-select 

フォームには、1つの選択フィールドと2つの入力フィールドがあります。これらの要素は垂直方向に整列しています。残念ながら、これらの要素の幅を同じにすることはできません。 これが私のコードです： <select name="name1" style="width:198px"> <option>value1</option> <option>value2</option> </select><br/> <input type="text" name="id1" style="width:193px"><br/> <input type="text" name="id2" style="width:193px"> 上記の例の場合、select要素の最適な幅は198または199 pxです（もちろん、193pxを試しましたが、違いは大きなものです）。これらの要素の幅は同じではないため、解像度に依存します（さまざまなコンピューターやブラウザーによって異なります（場合によっては、約1ピクセルまたは2ピクセルの違いと思います）。これらの要素をdivまたはテーブルの行に設定しようとしましたが、役に立ちません。 Q：これらの要素の幅を正確に等しくするにはどうすればよいですか？

109 html  css  html-select  border-box 

私が持ってselect示し、最初はどの言語選択をユーザーが言語を選択するまで。ユーザーが選択を開いたときに、実際のオプションではないため、[言語の選択]オプションを表示しないようにします。 どうすればこれを達成できますか？

108 html  html-select 

どうやらこれは動作しません： select[multiple]{ height: 100%; } 選択するとページの高さが100％になります... auto どちらも機能しませんが、垂直スクロールバーが表示されます。 他のアイデアはありますか？

103 html  css  html-select