显示其他字段onchange

时间:2014-04-25 03:24:06

标签: javascript jquery

我这里有选项值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>

2 个答案:

答案 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是唯一的。