如何在動態Depandant下拉列表中設置默認值

Question

我使用了一個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();

}）;

Answer 1

您沒有提及“所有城市”是否在您的數據庫中，所以我假設它不在。 另外，我不確定您要確切返回什么，因此我將假定縣為選擇輸入。

未經測試的答案，但也許會有所幫助。

返回縣列表后，您可以在列表前添加“全部”選項，然后選擇它...接下來要做的唯一另一件事就是確保在服務器上處理此表單的任何人都知道該做什么。使用“全部”。

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
}