我有一个工作正常的变更事件,但我需要让它进行递归。
所以我有一个在更改时触发的函数,它将根据类选择器“更改”其他下拉菜单(注意“drop downS”,可能有多个)。此代理更改不会触发该功能,因此会失败。我怎样才能让它发挥作用?
$(document).ready(function () {
var activeDropBox = null;
$("select.drop-box").change(function () {
var questionId = $(this).attr("questionId");
var selectedAnswer = $(this).val();
activeDropBox = this;
alert(this.questionId);
$.ajax(
{
type: "POST",
url: answerChangedActionUrl,
data: { questionId: questionId, selectedValue: selectedAnswer },
success: function (data) {
SetElementVisibility(data.ShowElement, questionId);
}, error: function (XMLHttpRequest, textStatus, errorThrown) {
alert('XMLHttpRequest:' + XMLHttpRequest.responseText);
alert('textStatus:' + textStatus);
alert('errorThrown:' + errorThrown);
}
});
});
function SetElementVisibility(visible, questionId) {
// I would like each child to then trigger the change event...
$(".childOf" + questionId)[visible ? 'show' : 'hide']('slow');
// Suggested code
//$(".childOf" + questionId + " select").trigger("change");
if (!visible) {
$(".childOf" + questionId + " select").attr('selectedIndex', 0);
}
}
}
到目前为止的建议似乎有效,但是当更改事件触发ajax帖子时,它现在似乎在这里失败了。我打算玩它,但这是我感觉到的另一个问题。
答案 0 :(得分:356)
$(selector).trigger("change");
答案 1 :(得分:23)
对我来说$('#element').val('...').change()
是最好的方式。
答案 2 :(得分:20)
change()方法的无参数形式会触发change
事件。你可以这样写:
$(document).ready(function() {
$("#yourInitialElementID").change(function() {
// Do something here...
$(".yourDropDownClass").change();
});
});
答案 3 :(得分:8)
答案 4 :(得分:4)
使用:
$(selector).trigger("change");
OR
$('#id').trigger("click");
OR
$('.class').trigger(event);
触发器可以是javascript支持的任何事件。希望你们所有人都能理解它。