我有一个选择选项可以选择0或1的特定类型以及一个输入框和另一个选择框。
当使用选择0时,只需要显示输入框,当必须显示1时,选择框。
重要提示:在提交表单时,只需提交显示的框。在我的例子中,显示和隐藏的值都被提交。以下是我的代码。
HTML
<form method="POST" action="test.php">
<lable> Select Type </label>
<select id="type" name="type">
<option value=""></option>
<option value="0">0</option>
<option value="1">1</option>
</select><br>
<input type="text" name="name" id="name">
<select name="select" id="select">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</select>
<input type="submit" value="submit" name="submit">
</form>
Jquery:
$(function() {
$("#name").show();
$("#select").hide();
$('#type').change(function() {
if ($(this).val() === "0") {
$("#name").show();
$("#select").hide();
}
else if ($(this).val() === "1") {
$("#select").show();
$("#name").hide();
}
});
});
非常感谢。