1

2 つのドロップダウン リストを作成しようとしています。ドロップダウン リスト A には国がリストされています。ドロップダウン リスト B には都市がリストされます。リスト B は最初は空ですが、リスト A には国が入力されています。ユーザーが国を選択すると、リスト B にリスト A にある都市が自動的にリストされます。これらは当然データベースから取得されるため、これは私の質問の対象ではありません。私の質問は、リスト B をリスト A に依存するようにバインドする方法です。答えを調査し、さまざまな jquery および javascript メソッドを試すのにかなりの時間を費やしました。リスト A の change メソッドを使用して、リスト B をリスト A に応答させようとして困っていますが、これまでのところ、何も機能していないようであり、テストの追加に関してリスト B からの応答をトリガーすることもできません。値。

どうすればいいですか?

4

4 に答える 4

2

ここに作業フィドルがあります: Relative Drop-down

$(function() {
var cities = {
    'INDIA': ['Delhi', 'Mumbai', 'Bangalore', 'Ahmedabad'],
    'USA': ['London', 'Los Angeles', 'Austin', 'New York']
};
var hashFunc = function(country, city){
    return country + "." + city;
};
//The form
var form = new Backbone.Form({
    schema: {
        country: { type: 'Select', options: ['INDIA', 'USA'] },
        city: { type: 'Select', options: cities.INDIA},
    }
}).render();
form.on('country:change', function(form, countryEditor) {
    var country = countryEditor.getValue(),
        newOptions = cities[country];
    form.fields.city.editor.setOptions(newOptions); 
});  
//Add it to the page
$('body').append(form.el);
});
于 2013-05-10T05:19:04.543 に答える
0

いずれかのオプションが選択されている場合、その値に応じて、別の選択に対する動的オプションを作成できます。

$('#A').change(function() {
  if($('#A:selected').val() == "India"){

     $("<option></option>", 
        {value: "Surat", text: "Surat"})
       .appendTo('#B');
  } 
});
于 2013-05-10T05:07:34.510 に答える
0
$('#select1').change(function(){
callAjax(this.value);
});

function callAjax(value1)
{

//here write the code for ajax

}
于 2013-05-10T05:15:05.387 に答える