我有两个表单和一个选择器。
这是我的代码--
<select>
<option value="1">Pay</option>
<option value="2">Goog</option>
</select>
<form id="pp">
<input type="text">
</form>
<form id="cc">
<input type="text">
</form>
现在,如果选择选项 1,我想隐藏表单 CC。 if 2 隐藏PP。
如何使用 js 或 jquery 做到这一点?谢谢
最佳答案
试试这个(使用 jQuery):
$("select").bind("change", function() {
if ($(this).val() == "1") {
$("#pp").show();
$("#cc").hide();
}
else if ($(this).val() == "2") {
$("#pp").hide();
$("#cc").show();
}
});
此外,您可以在用户选择任何选项之前使用 .hide()
隐藏这两个表单,如上所示。
关于javascript - 基于选项选择使用 jquery 隐藏元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4521667/