私の会社では、特定の代理人がさまざまな州に奉仕しています。ユーザーが選択する米国の州に基づいて連絡先情報を表示/非表示にするためのプルダウンを作成しようとしています。私は様々な方法を試してきましたが、3つのオプションを使用すると動作しますが、50の状態をすべて追加しようとするとうまくいかないのです。米国の州の選択に基づいて連絡先情報を表示/非表示するにはどうすればよいですか?
私のコードに問題はありますか?これを達成するより良い方法はありますか?
ありがとうございます。
$('#purpose').on('change', function() {
\t if (this.value == 'blank')
{
$("#blank").show();
}
else
{
$("#blank").hide();
}
\t
\t if (this.value == 'jy')
{
$("#jess").show();
}
else
{
$("#jess").hide();
}
if (this.value == 'jp')
{
$("#justin").show();
}
else
{
$("#justin").hide();
}
if (this.value == 'rs')
{
$("#rob").show();
}
else
{
$("#rob").hide();
}
\t
\t if (this.value == 'rys')
{
$("#ryan").show();
}
else
{
$("#ryan").hide();
}
\t
\t if (this.value == 'ss')
{
$("#ssco").show();
}
else
{
$("#ssco").hide();
}
});
});
<div>
<select id='purpose'>
<option value="blank">--</option>
<option value="rys">Alabama</option>
<option value="ss">Alaska</option>
<option value="jy">Arizona</option>
<option value="rys">Arkansas</option>
\t <option value="jy">California</option>
<option value="ss">Colorado</option>
<option value="jp">Connecticut</option>
<option value="jp">Delaware</option>
<option value="rys">Florida</option>
<option value="rys">Georgia</option>
<option value="ss">Hawaii</option>
<option value="jy">Idaho</option>
<option value="rs">Illinois</option>
<option value="rs">Indiana</option>
<option value="rs">Iowa</option>
<option value="ss">Kansas</option>
<option value="jp">Kentucky</option>
<option value="rys">Louisiana</option>
<option value="jp">Maine</option>
<option value="jp">Maryland</option>
\t \t <option value="jp">Massachusetts</option>
\t <option value="rs">Michigan</option>
<option value="rs">Minnesota</option>
<option value="rys">Mississippi</option>
<option value="rs">Missouri</option>
<option value="jy">Montana</option>
<option value="ss">Nebraska</option>
<option value="jy">Nevada</option>
<option value="jp">New Hampshire</option>
<option value="jp">New Jersey</option>
<option value="ss">New Mexico</option>
<option value="jp">New York</option>
<option value="rys">North Carolina</option>
<option value="ss">North Dakota</option>
<option value="rs">Ohio</option>
<option value="ss">Oklahoma</option>
\t <option value="jy">Oregon</option>
<option value="jp">Pennsylvania</option>
<option value="jp">Rhode Island</option>
<option value="rys">South Carolina</option>
<option value="ss">South Dakota</option>
<option value="rys">Tennessee</option>
<option value="ss">Texas</option>
<option value="jy">Utah</option>
<option value="jp">Vermont</option>
<option value="rys">Virginia</option>
<option value="jy">Washington</option>
<option value="jp">West Virginia</option>
<option value="rs">Wisconsin</option>
<option value="jy">Wyoming</option>
</select>
<div style='display:none;' id='blank'>
Select Your State
</div>
<div style='display:none;' id='jess'> NAME 1 <br>
PHONE <br>
<a href="mailto:#">EMAIL</a>
</div>
<div style='display:none;' id='justin'> NAME 2 <br>
PHONE <br>
<a href="mailto:#">EMAIL</a>
</div>
<div style='display:none;' id='rob'> NAME 3 <br>
PHONE<br>
<a href="mailto:#">EMAIL</a>
</div>
<div style='display:none;' id='ryan'> NAME 4 <br>
PHONE <br>
<a href="mailto:#">EMAIL</a>
</div>
<div style='display:none;' id='ssco'> Please contact your local <a href="#">sales representative</a>.
</div>
</div>
あなたは 'SyntaxError'を持って、コンソールを確認してください。 – SjaakvBrabant
あなたのスニペットにjQueryを組み込むことを忘れていて、追加の '}}があります。あなたの例では です。 – j08691
* switch *ステートメントを見てください... –