Выходные скрытые входы на основе выбора выпадающего списка в форме

Question

Я пытаюсь вывести четыре скрытых ввода на основе выбора пользователя в раскрывающемся списке.

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

Я нашел несколько решений для борьбы с изменением одного значения, но мне нужно вывести все четыре.

Любая помощь будет принята с благодарностью

Answer 1

«свойство типа не может быть изменен (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() 
} 
})