フォームにドロップダウン選択に基づく非表示入力を出力する

Question

ドロップダウンボックスでのユーザーの選択に基づいて4つの非表示入力を出力しようとしています。

<label>Neighborhood:</label> 
<select id="district"> 
    <option value="">- Select -</option> 
    <option value="warehouse">Warehouse District</option> 
    <option value="gateway">Gateway District</option> 
    <option value="tremont">Tremont</option> 
    <option value="shoreway">Detroit Shoreway</option> 
</select> 

たとえば、ユーザーが倉庫地区を選択すると、これらの非表示入力がフォームに追加されます。

<input type="hidden" name="idx-q-LatitudeMax" value="41.50534740463771" /> <input type="hidden" name="idx-q-LatitudeMin" value="41.49729607499309" /> <input type="hidden" name="idx-q-LongitudeMin" value="-81.70605182647705" /> <input type="hidden" name="idx-q-LongitudeMax" value="-81.69352054595947" />

私は、単一の値を変更することに対処するためのいくつかの解決策を見つけたが、私は、出力4つのすべてに必要です。

すべてのヘルプは大「タイプのプロパティは、（IEセキュリティモデル）を変更することはできません。」

Answer 1

をいただければ幸いです「：なし表示」の変化に

は、最初にすべての非表示を このchange type of input field with jQuery

はまた、あなたがこの

この

<input class="hidden warhouse" name="idx-q-LatitudeMax" value="41.50534740463771"/> 
<input class="hidden warhouse" name="idx-q-LatitudeMin" value="41.49729607499309"  /> 
<input class="hidden warhouse" name="idx-q-LongitudeMin" value="-81.70605182647705" /> 
<input class="hidden warhouse" name="idx-q-LongitudeMax" value="-81.69352054595947" /> 

隠されたCSSクラスのようなあなたの入力にクラスを追加行うことができます参照してくださいがありませんあなたが望むものを表示する

$('#district').change(function(){ 
$('input.hidden').hide() 
if($(this).val() == "warehouse"){ 
    $("input.warehouse").show() 
} 
})