动态相关选择菜单jqueryphp版本
在前面的问题中,我发布了以下示例代码:。 这是特定jquery脚本的HTML版本。 用户@jSweazy帮助我指出,每次从第一个菜单中选择新状态时,我都应该更新jquery.uniform脚本。 示例的工作版本如下所示:。 我知道默认选项对于菜单来说太大了,但这很容易修复 我现在的问题是,我实际上使用的是PHP版本的脚本。在该版本中,使用$.uniform.update更新jquery.uniform;我没做那件事。实际上,当我插入update命令时,第二个菜单不再可见 PHP版本如下所示动态相关选择菜单jqueryphp版本,jquery,Jquery,在前面的问题中,我发布了以下示例代码:。 这是特定jquery脚本的HTML版本。 用户@jSweazy帮助我指出,每次从第一个菜单中选择新状态时,我都应该更新jquery.uniform脚本。 示例的工作版本如下所示:。 我知道默认选项对于菜单来说太大了,但这很容易修复 我现在的问题是,我实际上使用的是PHP版本的脚本。在该版本中,使用$.uniform.update更新jquery.uniform;我没做那件事。实际上,当我插入update命令时,第二个菜单不再可见 PHP版本如下所示 $
$(document).ready(function(){
function populate() {
if($('#state').val() == 'AK' || $('#state').val() == 'DC') // Alaska and District Columbia have no counties
{
$('#county_drop_down').hide();
$('#no_county_drop_down').show();
} else {
fetch.doPost('../getCounties.php');
}
}
$('#state').change(populate);
var fetch = function() {
var counties = $('#county');
return {
doPost: function(src) {
$('#loading_county_drop_down').show(); // Show the Loading...
$('#county_drop_down').hide(); // Hide the drop down
$('#no_county_drop_down').hide(); // Hide the "no counties" message (if it's the case)
if (src) $.post(src, { state_code: $('#state').val() }, this.getCounties);
else throw new Error('No SRC was passed to getCounties!');
},
getCounties: function(results) {
if (!results) return;
var allCounties = $("<option value=\"All\">All Counties</option>");
counties.html(results);
counties.prepend(allCities);
counties.val("All").attr('selected',true);
$('#loading_county_drop_down').hide(); // Hide the Loading...
$('#county_drop_down').show(); // Show the drop down
}
}
}();
populate();
});
查询数据库并检索每个州的县的getcountries.php工作正常。
州和县是两个选择菜单的名称。
因此,如果有人能给我一个建议,如何实现更新的县菜单在这个版本的脚本我将不胜感激。
提前感谢您花时间阅读 我意识到,即使在这种情况下,您也必须更新jquery.uniform,但因为还有其他样式化元素,如单选按钮、复选框等。 您必须插入$.uniform.update'select'。因此代码的最后一部分变成
$('#loading_county_drop_down').hide(); // Hide the Loading...
$.uniform.update('select')
$('#county_drop_down').show(); // Show the drop down
谢谢,这一款帮助我摆脱了在select上显示/隐藏的困境。请注意,上面的代码中有一个小的拼写错误。它应该是:$.uniform.update'select';