Question

当选择列表中的元素时，我想用“数据搜索”属性填充搜索输入。

我有这个标记：

    <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>

L.E：我找到了解决方案：

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

但遗憾的是没有使用jquery 1.8.3是否有任何方法可以使用这个版本？

Answer 1

您无法将点击事件绑定到option元素。如果我找到你，你想要在选择一个选项时触发事件。请尝试以下方法：

$("#cd-dropdown").change(function()
{
  $("#id_search").val($(this).data("search"));
  $("#id_search").keyup();
})

Answer 2

代码“无效”，因为根据您的代码段，您没有类search-btn的按钮/可点击元素。如果修改jQuery选择器以使用正确的类或标识符，则将处理click事件。

至于keyup无法正常工作，我无法保证这一点，因为在这种情况下我无法看到你甚至期望它做什么 - 你正在调用按钮的事件处理程序但是在它上面谈论它下拉列表，这使你的问题毫无意义。

下拉列表中的jquery键

2 个答案: