0

私はこのように見える選択を持っています：

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

私はこれらの多くをテーブルのグリッドに置いています。

私が欲しいのは、ユーザーが選択矢印をクリックしたときに、jQueryをトリガーして、URLを呼び出して新しいオプションを取得するコードを作成することです。次に、1つのオプションを新しい長いオプションリストに置き換えたいと思います。

ajaxリクエストをコーディングすることはできますが、クリックされたトリガーを検知するjQueryをコーディングするにはどうすればよいですか？次に、オプションを新しいオプションに置き換えるjQueryをコーディングするにはどうすればよいですか？

4

3 に答える 3

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>

于 2012-07-23T09:43:33.620 に答える
0 
 $.ajax({
      success:function(){
           $(this).html('insert html');
      }
 });

私はそれがうまくいくはずだとチェックせずに信じています：/

于 2012-07-23T09:43:12.963 に答える
0

イベントが必要ですfocus：

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

こちらのAPIで見つけることができます。

于 2012-07-23T09:48:31.463 に答える