0

リストから要素が選択されたら、検索入力に「data-search」属性を入力したいと思います。

私はこのマークアップを持っています:

    <input type="text" name="search" value="" id="id_search" />
    <select id="cd-dropdown" class="cd-select">
                    <option value="-1" selected>Choose your prize</option>
                    <option value="1" class="search-btn" data-search="camera">Camera</option>
                    <option value="2" class="search-btn" data-search="diamonds">Diamonds</option>
                    <option value="3" class="search-btn" data-search="spaceship">Spaceship</option>

                </select>

LE: 解決策を見つけました:

  $("#cd-dropdown").change(function()
  {
 $("#id_search").val($("#cd-dropdown :selected").attr("data-search"));
  });

残念ながら、jquery 1.8.3 では動作しません。このバージョンで動作させる方法はありますか?

4

2 に答える 2

2

optionクリック イベントを要素にバインドすることはできません。オプションが選択されたときにイベントをトリガーしたい場合は、正しく理解してください。次のことを試してください。

$("#cd-dropdown").change(function()
{
  $("#id_search").val($(this).data("search"));
  $("#id_search").keyup();
})
于 2013-05-31T09:06:20.517 に答える