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类有“display：none”

在更改时首先隐藏所有内容，然后显示您想要的那个

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

输出隐藏输入基于表单中的下拉选择

1 个答案: