問題タブ [html-datalist]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
142 参照

javascript - Opera: 'list' 属性の追加に関する問題

今日、ユーザー スクリプトを介して特定の入力に html5 データリストを追加することにしました。これがコードです。問題は、list属性が追加されていないことです。とは異なるものに変更するとlistlstそこにあります。

そんなはずじゃないですか?そのような動作は仕様またはブラウザによって設定されますか?

0 投票する
6 に答える
22747 参照

javascript - HTML5 DataList の SelectedIndex はありますか?

option任意のselect要素の電流を選択できます:

DataList で同じことができますか? このようなもの:

0 投票する
8 に答える
148024 参照

html - HTML フォーム: Select-Option と Datalist-Option の比較

Select-Option と Datalist-Option の違いは何かと思っていました。どちらか一方を使用する方が良い状況はありますか? それぞれの例は次のとおりです。

選択オプション

Datalist オプション

0 投票する
0 に答える
1415 参照

html - Firefox 6.0.2 で HTML5 データリストが機能しない

ただし、HTML5 に関するほとんどのオンライン リソースでは、データリストは Firefox 4 以降でサポートされていると記載されていますが、私の Firefox 6.0.2 では機能しません。

http://www.html5tutorial.info/html5-datalist.phpの例も試してみました。Firefox 4 でのみ動作しますか? Modernizr のサポートを確認する方法はありますか?

よろしく、S

0 投票する
1 に答える
2636 参照

html - htmlフォームのデータリストオプションの表示と値を変えるにはどうすればよいですか?

htmlフォームのデータリストオプションの表示と値を変えるにはどうすればよいですか?

たとえば、select-optionフィールドの場合、次のように記述できます。 <option value="Fake">Sample</option>「Sample」が表示されますが、「Fake」は投稿された値です。

データリストの場合<option value="Sample" />、「サンプル」が表示され、投稿された値として使用されます。

サンプルとは異なる値をデータリストに投稿できるようにするにはどうすればよいですか?ありがとう!

これが必要なのは、MySQLからデータリストに動的にデータを入力し、たとえばIDを使用しているときに名前を表示できるようにするためです<option value="2">Bob</option>(これがデータベースフィールドではなく選択オプションフィールドの場合)。


Firefoxで非表示にするを使用できることを発見し<option value="Fake" label="Sample"/>ましたが、Operaには値とラベルの両方が表示されます。誰かがサンプルを表示するためのさらなるアイデアを持っていますが、偽物を非表示にしますか?

0 投票する
1 に答える
4185 参照

jquery - datalist select で他の属性の値を取得する

私はデータリストを持っています:

私がやりたいことは、data-subjectid選択された値の属性に格納されている値を取得することです。私が今までやってきたことは、次の.each()ように jQuery で関数を呼び出すことです。

これを行うためのより良い、より速い方法はありますか?

0 投票する
2 に答える
35520 参照

css - HTML5 を使用する場合、ドロップダウンの提案をスタイルすることは可能ですか??

ここを参照してください: http://jsfiddle.net/zemar (表示するには Firefox または Opera を使用する必要があります)

をクリックするselectと、ドロップダウンは一致するようにスタイル設定されますが、テキスト ボックスにデータ リストから用語を入力し始めると、表示される候補はスタイル設定されていないため、残りの項目と一致しません。スタイリング。

ドロップダウンのスタイルを設定することはできますか?

0 投票する
1 に答える
1213 参照

javascript - デフォルトでデータリストから最初のレコードを選択しますか?

私はこの質問が.aspスレッドで尋ねられるのを見ましたが、私は.aspを使用していないので、答えはあまり役に立ちません。私はhtmlを使用していますが、この目標を達成するために必要な場合はjavascriptを使用できます。

私が持っているのは、次のような利用可能なオプションのデータリストを含む標準のhtml入力です。

問題は、誰かが「g」や「ap」などを実際に入力して送信ボタンを押しても、デフォルトのレコードが選択されないことです。リストが絞り込まれますが、「ブドウ」と入力してEnterキーを押すと、実際に選択で「ブドウ」をクリックした場合と同じ結果にはなりません。

ユーザーがそのレコードの一部のみを入力した場合でも、最初のレコードを強制的に選択するにはどうすればよいですか?

0 投票する
3 に答える
12213 参照

javascript - JavaScript を使用して IE9 でデータリスト オプションを取得する

このコードは、Internet Explorer 9 を除くすべての主要なブラウザーで動作します。何が間違っているのかわかりません。おそらく単純な何かが欠けているのでしょう。

このコードをコピー (またはこの jsFiddle を使用) して、IE9 の問題を確認します。

最終的にはできるだけクロスブラウザにしたいです。

0 投票する
1 に答える
1389 参照

javascript - MySQL で HTML5 Datalist を使用する方法

HTML5 には、オートコンプリート機能datalistを提供する に接続された新しい タグ が導入されています。<input list="datalistID">

質問は、このデータリストの提案を大量の行 (50K としましょう) を持つ MySQL テーブルに接続する最良の方法は何ですか?