我这里有选项值USA和其他选择框。我需要的是如果我在Selectbox1上选择OTHERS,则Selectbox2应该显示为none并且textbox1会出现。其他问题还有它的名称字段,如果我POST name="cboState"
的值。如何删除字段的名称?任何帮助都会受到欢迎。
<form action="try.php" method="POST">
<select id="cboCountry">
<option value="USA">USA</option>
<option value="OTHERS">OTHERS</option>
</select>
选择框2
<select id="cboState" name="cboState">
<option value="Alabama">Alabama</option>
</select>
文本框1
<input type="text" id="cboState" name="cboState"/>
<input type="submit">
</form>
答案 0 :(得分:1)
试试这个
HTML
<select id="cboCountry">
<option value="USA">USA</option>
<option value="OTHERS">OTHERS</option>
</select>
<select id="cboState" name="cboState">
<option value="Alabama">Alabama</option>
</select>
<input type="text" id="txtcboState" name="cboState" style="display:none;"/>
JS
$("#cboCountry").change(function() {
if ( $(this).val() == "OTHERS") {
$("#cboState").hide();
$("#txtcboState").show();
}
else{
$("#cboState").show();
$("#txtcboState").hide();
}
});
注意: ID
每个元素必须是唯一的。
要删除name
的{{1}}属性,您可以使用以下
input
<强> DEMO HERE 强>
答案 1 :(得分:0)
这样的东西?
$("#selectbox1").onchange(function() { selectionChanged();});
function selectionChanged() {
if ( $("#selectbox1").val() == "other") {
$("#selectbox2").hide();
$("#textBox1").show();//should already be hidden
}
}
确保元素的ID是唯一的。