Question

我有一个看起来像这样的选择：

    <select name="rowKey_1" id="rowTopic_1">
        <option value="00">Topic 1</option>
    </select>

我在桌面上的网格中有很多这些。

我想要的是当用户点击选择箭头时我希望jQuery触发，然后让代码调用URL并重新启动新选项。然后我想用我的新长选项列表替换一个选项。

我可以编写ajax请求代码，但是如何编写感知被点击的触发器的jQuery，然后我如何编写用新选项替换选项的jQuery？

Answer 1

//When the #rowTopic_1 element is clicked
$("#rowTopic_1").click(function() {

  //Cache the element
  $this = $(this);

  //Load new content
  $.ajax({
    url: "yoururl",
    type: "POST",
    success: function(data) {
      //Remove the old content and replace with the returned data
      $this.empty().append(data);
    }
  });

});

为此，您需要使用服务器端语言以<option value="00">Foo</option>

格式将html返回到页面

Answer 2

 $.ajax({
      success:function(){
           $(this).html('insert html');
      }
 });

我相信没有检查应该有效：/

Answer 3

您需要focus事件：

$(document).ready(function() {
   $('#rowTopic_1').focus(function() {
        // ajax code here
   })
});

您可以在api here中找到它。

单击箭头时，如何使用jQuery替换select元素的内容？

3 个答案: