最初の選択に基づいて、2 番目のドロップダウン ボックスにデータを入力しようとしています。調査を行ったところ、提供された提案/解決策のほとんどにドロップダウン値が事前に読み込まれていることがわかりました。
データベースにアクセスして値を取得しようとしています。私は Javascript でこれをやってのけることができましたが、データベースに多くの項目があるため、Jquery ソリューションが効果的であることがわかりました。
だからここに私がこれまで持っているものがあります。MySQL クエリを使用してデータベースからデータを取得し、自動入力する方法について何か提案はありますか?
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".countryDropDown").change(function() {
var country = $(this).val();
function fillStateDropDown(countryStateOption) {
$.each(countryStateOption, function(val, text) {
$('.stateDropDown').append(
$('<option></option>').val(val).html(text));
});
}
function clearStateDropDown() {
$('.stateDropDown option:gt(0)').remove();
}
if (country == 'INDIA') {
clearStateDropDown();
var indiaStateOption = {
RAJASTHAN: 'Rajasthan',
GUJRAT: 'Gujrat',
MAHARASTRA: 'Maharastra'
};
fillStateDropDown(indiaStateOption);
}
else if (country == 'UK') {
clearStateDropDown();
var ukStateOption = {
LONDON: 'London',
LIVERPOOL: 'Liverpool',
DERBY: 'Derby'
};
fillStateDropDown(ukStateOption);
}
else if (country == 'USA') {
clearStateDropDown();
var usaStateOption = {
CALIFORNIA: 'California',
TEXAS: 'Texas',
NEWYORK: 'New York'
};
fillStateDropDown(usaStateOption);
}
var stateOptions = {
val1: 'text1',
val2: 'text2'
};
});
});
</script>