Question

我需要根据Select option中用户选择的值呈现输入字段，请给我任何想法或建议如何实现这一点，我使用JSP页面？

<select name="Bank" id=Bank">
   <option>Choose Bank</option>
   <option value="hdfc">HDFC</option>
   <option value="other">OTHER</option>   
</select>

<div id="other" class="selectBankType" style="display:none;">
<input type="text" name="accountNumber"/>
<input type="text" name="IFSC"/>
</div>

<div id="hdfc" class="selectBankType" style="display:none;">
<input type="text" name="accountNumber"/>
</div>

Answer 1

您需要使用jquery，在您的选择标记中使用onChange="toggleSubmit('d',this)"等函数

使用jquery渲染输入字段append函数，

$('#myDiv').append('<input type="text" name="' + name + '" />');

<强>更新

这可以通过change事件和jquery hide / show（）函数轻松完成

 $(function() {
        $('#Bank').change(function(){
            $('.selectBankType').hide();
            $('#' + $(this).val()).show();
        });
    });

请参阅此工作fiddle

希望这会有所帮助!!

如何根据选项列表值渲染字段？

1 个答案: