如何在动态相关下拉列表中设置默认值

时间:2011-11-05 20:34:18

标签: php jquery

我使用了jQuery脚本和一些php代码来生成两个选择菜单。 一个菜单包含州和其他地区。更改状态菜单后,将加载相应的区域。 我的问题是如何设置“所有城市”的默认值。该脚本会自动加载 在mysql表中找到的区域,所以我无法找到一种方法来做到这一点。 我想我必须在剧本上改变一些东西。任何想法都会有所帮助。

 $(document).ready(function(){

 function populate() {

if($('#states').val() == 'AK' || $('#states').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 = $('#search_area');

 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;
    counties.html(results);

$('#loading_county_drop_down').hide(); // Hide the Loading...
$('#county_drop_down').show(); // Show the drop down
}   
 }
 }();

 populate();

});

1 个答案:

答案 0 :(得分:0)

你没有提到“所有城市”是否在你的数据库中,所以我假设它不是。此外,我不确定你究竟要回归什么,所以我假设县是一个选择输入。

未经考验的答案,但也许会有所帮助。

返回县列表后,您可以在列表中添加“全部”选项,然后选择它...您必须做的唯一其他事情是确保在服务器上处理此表单的任何内容知道如何处理“全部”。

getCounties: function(results) {
    if (!results) return;
    var allCities = $("<option value=\"All\">All Cities</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
}