jquery - 1つの選択ボックスに別のオプションを提供する方法

Question

2つの選択欄に郡が含まれ、2つ目に郡内の町が含まれています。

最初の選択ボックスが2番目の選択肢で使用可能な値を指定し、最初のオプションセットを選択していない場合は2番目の値は表示されますが、選択が行われるまでグレー表示されます。

助けがあれば助かります。

Answer 1

コードは、自身のために語っています：

HTML：

<select id="counties"> 
    <option> </option> 
    <option> somerset </option> 
    <option> hertfordshire </option> 
</select> 

<select id="towns" disabled="true"> 
</select> 

JS：

var countyTowns = [ 
    ["Bath", "Bristol"], 
    ["Letchworth", "Hitchin"] 
]; 

$("#counties").change(function() { 
    var county = this.selectedIndex - 1; 
    $("#towns").empty(); 
    if (county === -1) { 
     $("#towns").attr("disabled", true); 
    } else { 
     var towns = countyTowns[county]; 
     for (var i = 0; i < towns.length; i++) { 
      $("#towns").append($("<option></option>").text(towns[i])); 
     } 
     $("#towns").attr("disabled", false); 
    } 
}); 

とき郡選択ボックスの変更は、selectedIndexのをつかむと、あなたのデータから、町のリストをつかむ今までリスト。選択したインデックスが0の場合、町は無効になります。

もしそれが選択されていれば、あなたのデータから町のリストをつかみ、選択肢にオプションを追加します。

あなたが必要とするのは、郡の&郡の実際のデータです。私は、これは、迅速な対応に感謝非常に最適です

ライブexample