0

実際の選択リスト内に選択リストの説明を表示することはできますか?選択リストをクリックすると、説明が消えてリストが表示されます。

例:

<select description="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

http://jsfiddle.net/auMPm/

選択ボックス内に「Cars」という単語を入れたいのですが、クリックすると消えて選択リストが表示されます。

これはテキスト入力フィールドで可能であることを知っていますが、これはselect-tagで実現できますか?おそらくjqueryで?

編集:「プレースホルダー」は魔法の言葉でした。このトピックではそれを扱います。「選択」ボックスのプレースホルダーを作成するにはどうすればよいですか。

Edit2:どうやら誰かが私の質問に対してさらに良い解決策を投稿しましたが、彼の答えを削除しました...奇妙です。私は幸運にもjsFiddleに時間内にリンクすることができました:)

http://jsfiddle.net/hxr3P/3/

4

3 に答える 3

0

ExtJs を使用したソリューションは次のとおりです。

http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/form/forum-search.html

ExtJS の実装は面倒ですが、信じられないほど強力です。ぜひご覧ください。

(例では「フォーム」と入力すると、探していると思われるものが表示されます)

于 2012-11-08T20:05:18.393 に答える
0

選択タグに新しい属性を追加

 <select id='ddl' desc="this is description" >
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="opel">Opel</option>
      <option value="audi">Audi</option>
    </select>

jqueryを使用してその属性を取得します

$(document).ready(function() {
   var val=$('#ddl').attr('desc').val();
     alert(val);
 })​
于 2012-11-08T19:47:00.367 に答える
0
var val = $('#ddl').attr('description');

select に description 属性がありますか?

それはうまくいくはずです。それが幸運に役立つことを願っています。

于 2012-11-08T20:08:55.577 に答える