0

html に、テキスト フィールドとドロップダウンを組み合わせたタグはありますか? だからそれは次のようになります

<input type="text" size="30"/>

+

<select>
  <option>Milk</option>
  <option>Coffee</option>
  <option>Tea</option>
</select>

基本的には、フィールドに入力するか、ドロップダウン メニュー (リストを表示するフィールドの右側にある小さなボタン) をクリックして、いずれかを選択します。

2 つのフィールドを持つことは避けたいのですが、それらを結合したいだけです。

4

3 に答える 3

1

datalist が適していない場合に備えて、この種のサードパーティの JavaScript プラグインがいくつかあります。選ばれたものは、あなたが求める機能を提供するものですが、すぐに使えるものではありません。

このコードのフォークはそれを提供します: https://github.com/koenpunt/chosen

それはすべて、いくつかの有用な議論と代替ソリューションへのいくつかのポインタが含まれているこのプルリクエストから来ています.

https://github.com/harvesthq/chosen/pull/166

于 2013-06-14T15:47:18.330 に答える
0

Jsフィドル

<div id="menu">
  <ul>
    <li><a href="#">Option 1</a>
      <ul>
        <li><a href="#">SubOption 1.1</a><input type="text" name="SubOption"></input></li>
        <li><a href="#">SubOption 1.2</a></li>
          <li><a href="#">SubOption 1.3</a></li>
      </ul>
    </li>
    <li><a href="#">Option 2</a>
      <ul>
        <li><a href="#">SubOption 2.1</a></li>
        <li><a href="#">SubOption 2.2</a><input type="text" name="SubOption"></input></li>
        <li><a href="#">SubOption 2.3</a></li>
      </ul>
    </li>
    <li><a href="#">Option 3</a>
      <ul>
        <li><a href="#">SubOption 3.1</a></li>
        <li><a href="#">SubOption 3.2</a></li>
        <li><a href="#">SubOption 3.3</a><input type="text" id="SubOption"></input></li>
      </ul>  
    </li>
  </ul>
</div>

テキストフィールドが適切なサイズになるようにクリーンアップする必要がありますが、これはどういう意味ですか?

于 2013-06-14T15:54:54.500 に答える
-1

<datalist>タグが使える

<datalist id="browsers">
  <option value="Milk">
  <option value="Coffee">
  <option value="Tea">
</datalist>
于 2013-06-14T15:39:55.587 に答える