1

XAMPP Lite - USB バージョンを使用していますが、XAMPP で動作していない AJAX に依存しているため、jQuery チェーン選択ボックス スクリプトが動作しないことがわかりました。

2 つの選択ボックスがあります。

<label>Province</label>
<select name="province"> 
<option value="ontario">Ontario</option>
<option value="quebec">Quebec</option>
<option value="novascotia">Nova Scotia</option>
</select> 

<label>city</label>
<select name="city"> 
</select>

州を選択し、さまざまな都市を「都市」名の選択にロードできるようにする必要があります。jQuery や Ajax なしでこれを行う必要があります。参考までに、すべてのデータを保持する javascript 配列変数の長さは問題ではありません。スクリプトで私を始めてくれる人が必要です。

4

1 に答える 1

2

これは簡単なサンプルです。最適化されていませんが、機能します。前述のように、jQueryもAJAXもありません。これは標準に準拠したブラウザで動作します。テストするIEがないIEcoz用に微調整する必要があります。

<label>Province</label>
<select id="province"> 
    <option value="p1">p1</option>
    <option value="p2">p2</option>
    <option value="p3">p3</option>
</select> 

<label>city</label>
    <select id="city"> 
</select> ​


window.onload = (function() {

    var locations = {
        'p1': [
            'p1c1',
            'p1c2',
            'p1c3',
            ],
        'p2': [
            'p2c1',
            'p2c2',
            'p2c3',
            ],
        'p3': [
            'p3c1',
            'p3c2',
            'p3c3',
            ],
    };

    var provinces = document.getElementById('province');
    var cities = document.getElementById('city');

    provinces.addEventListener('change', function() {
        loadCities(this.value)
    }, false)


    var loadCities = (function loadCitiesFunc(key) {
        key = key || 'p1';
        var docFragment = document.createElement('select');
        for (var i = 0; i < locations[key].length; i++) {
            docFragment.appendChild(new Option(locations[key][i], locations[key][i]));
        }
        cities.innerHTML = docFragment.innerHTML;

        return loadCitiesFunc;
    }())

}());​
于 2012-03-29T00:46:13.143 に答える