我有兩個下拉菜單，其中一個我試圖用jquery替換單選按鈕。第二個盒子通過AJAX進行更新，每次用戶在第一個下拉菜單中進行選擇時都會有新選項。我已經成功生成單選按鈕，可以更改第一個下拉列表的值，但是當用戶使用單選按鈕更新第一個下拉菜單時，它不再影響第二個下拉框中的值。我對AJAX或JS并不擅長，當用戶選擇一個單選按鈕時，我無法弄清楚如何觸發AJAX加載。使用jquery點擊事件觸發AJAX

我很抱歉代碼的墻，我不知道什么是重要的，所以我包括了一切似乎相關。如果你想看到有問題的頁面，你可以看到它here.

的代碼我使用生成單選按鈕看起來像這樣：

$(function(){

$("#options-1 option").each(function(i, e) {

$("")

.attr("value", $(this).val())

.attr("checked", i == 0)

.click(function() {

$("#options-1").val($(this).val());

})

.appendTo("#r");

$("#options-1").change(function(){

$("input[name='r'][value='"+this.value+"']").attr("checked","checked");

});

});

});

$("#options-1").change(function(){

$("input[name='r'][value='"+this.value+"']").attr("checked","checked");

});

的下拉菜單中的HTML這個樣子：

• Framing

  Print Only (Unframed)

  Professionally Framed

• Size

  12 x 8

  24 x 36

的AJAX看起來像這樣：

/*

var ShoppSettings = {

ajaxurl: "http://example.com/dev3/wp-admin/admin-ajax.php",

cp: "1",

c: "$",

p: "2",

t: "?",

d: ".",

g: "3",

nocache: "",

opdef: ""

};

var pricetags = {};

jQuery(window).ready(function(){ var $ = jqnc();

pricetags[1] = {};

pricetags[1]['pricing'] = {"18770":{"p":10,"i":false,"s":false,"t":"Shipped"},"25785":{"p":21,"i":true,"s":"1","t":"Shipped"},"23510":{"p":20,"i":false,"s":false,"t":"Shipped"}};

pricetags[1]['menu'] = new ProductOptionsMenus('select.category-catalog.product1.options',true,pricetags[1]['pricing'],0);

});

/* ]]> */

2010-10-21

Thomas

+1

我傾向于將更多的成功綁定事件處理程序添加到DOM后添加到新元素。 –

2010-10-21 02:53:47

+0

好的，我移動了綁定事件處理程序，還有其他建議嗎？你知道更新事件是如何被觸發的嗎？ –

2010-10-21 04:34:25

總結

以上是生活随笔為你收集整理的ajax点击事件触发后台,使用jquery点击事件触发AJAX的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。