jquery - 单击箭头时，如何使用 jQuery 替换选择元素的内容？

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);
    }
  });

});

为此，您需要使用服务器端语言以格式将 html 返回到页面<option value="00">Foo</option>

Answer 2

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

我相信不检查应该可以工作：/

Answer 3

你需要这个focus事件：

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

您可以在此处的 api 中找到它。