如果已经选择该选择框

Question

进出口运行到哪里，我有当用户从一个简单的下拉选择的东西，绘制一个Ajax驱动的页面有问题加载页面时如何运行一个onchange功能：

<select id = "selectdepartment"> 
    <option id = "default">Select an option...</option> 
    .... 
</select> 

$('#selectdepartment').change(function(){ 

}); 

然后运行一些AJAX到PHP脚本：

和页面的其余部分使用jQuery .change()绘制。一切都很好，问题是当我提交一个使用ajax绘制的表单时（使用$_SERVER['PHP_SELF'];），数据被取消，页面重新加载，页面被清除，但选择框仍然保留在原来的位置。用户必须移动到不同的选项，然后返回到最初选择的选项来重新启动.change()。这很糟糕。

我可以通过在我的所有表单中传递一个php变量来解决此问题，然后检查每个页面加载时是否设置了变量，如果它是绘制页面部件，那么这会导致相当凌乱的代码，它是不太理想。

必须有一种方法来做到这一点与jQuery库，虽然我一般的JavaScript语言的知识不是我希望它是。如果任何人有任何有用的提示，请分享一下，不要为我做的，虽然，我不会学习这种方式:)

编辑：

$('#selectdepartment').change(function(){ 
var department = $('#selectdepartment').val(); 
var day = $('#data').data('day'); 
var month = $('#data').data('month'); 
var year = $('#data').data('year'); 
//alert (department); 

if(department === "Select an option..."){ 
    $('.hiddenuntildepartmentisselected').css({"display":"none"}); 
} 
else{ 
$('.hiddenuntildepartmentisselected').css({"display":"block"}); 
} 

showpoints(department); 
drawpointstable(department, day, month, year); 
displaytheuseresforselecteddepartment(department, ''); 

$('#sendthedepartment').val(''+department+''); 
$('#hiddendepartmentidforaddinganewpoint').val(''+department+''); 

}).trigger('change');//end run functions 

Answer 1

可以使用.trigger()功能立即触发代码.trigger change事件处理程序，在页面加载：

$('#selectdepartment').change(function() { 
    // code here 
}).trigger('change'); 

或者，如果你需要通过JavaScript/jQuery的其他地方调用它：

$('#selectdepartment').trigger('change'); // or just .change() as a shorthand 

Answer 2

更新

您的形式可以利用onClick属性，它会调用解析表单字段，并通过.ajax()发布数据到PHP脚本的方法的按钮。

在success事件方法中，您可以根据需要检查所需的任何标志并根据需要修改元素。

基本例如：

的 .ajax()

内幕：

... 

url: 'xxx.xxx.xxx', 
async: true, 
type: 'POST', 
dataType: 'html', 
data: JSON.stringify(form_fields), 
beforeSend: function() 
{ 
    // Pre send stuff, like starting a loading gif 
}, 
success: function(data, textStatus, xhr) 
{ 
    // Be sure you load the page with the content first 
    $('#containing-div').html(data); 

    // Do your check here, and modify your element if needed here 
    if(flagtocheck === 'xxx') 
    { 
     // Modify the element in question... 
    } 

    // I call a custom method termed `.ctrls()` here that makes any 
    // adjustments to the DOM once its loaded/updated. 
}, 
error: function(xhr, textStatus, errorThrown) 
{ 
} 

当然，你要在你的情况适当设置flagtocheck。

希望有帮助！关于编辑

注意 这个职位是编辑成多一点的描述，更容易理解。由于询问问题的人已经在使用.ajax()方法，因此事件方法是提出问题请求的人的理想场所。直接修改元素的方法调用比调用.trigger()或.change()少1个方法调用，然后直接修改该元素。