フォームを作成していますが、選択した国に応じて 2 つのフォーム フィールドを切り替える必要があります。米国の州の選択ドロップダウンと州の入力フィールドの 1 つ。それらは並んで構築されており、国がたとえばアフリカに変わると、いつでも入力フィールドが表示されます。米国を選択すると、[米国の選択] ドロップダウンが表示されます。以下は、HTML の簡単な例です。
<ul>
<li><label>Country</label><select name="country"></li>
<li><label>State/Province</label><select name="state"><input name="state"></li>
</ul>
ここに私のjqueryがあります。
$("#billing_info select[name='state']").css('display', 'none');
$("#billing_info input[name='state']").css('display', 'none');
$("#billing_info select[name='country_code']").change(function () {
if ($("select[name='country_code']") == "USA") {
$("select[name='state']").css('display', 'visible');
$("input[name='state']").prop('disabled', false);
}
else {
$("input[name='state']").css('display', 'visible');
$("select[name='state']").prop('disabled', false);
}
});
これを実際に機能させるのに問題があります。この機能を適切に動作させるには、何を追加する必要がありますか? また、ライブ変更を受け入れるには、ページが読み込まれますか?