基於下拉框選擇輸出隱藏輸入

我試圖根據用戶在下拉框中的選擇輸出四個隱藏輸入。基於下拉框選擇輸出隱藏輸入

<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" />

我已經找到了一些解決方案，以應對不斷變化的一個值，但我需要輸出的所有四個。

任何幫助，將不勝感激

來源

2012-03-12 redrock216

「type屬性不能改變（IE安全模型）。」看到這個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() 
} 
})

來源

2012-03-12 17:20:40 labroo

謝謝labroo。我想我應該更好地解釋。只要隱藏輸入，仍然可以將它們全部添加到查詢中。我需要該塊僅在用戶選擇時才添加，而如果他們在選擇時離開下拉列表，則不顯示。我試過這個與PHP，但它不工作 – redrock216 2012-03-12 17:46:17

基於下拉框選擇輸出隱藏輸入

回答

相關問題