显示其他字段 onchange

Question

我在这里有选项值为 USA 和 OTHERS 的选择框。我需要的是，如果我在 Selectbox1 上选择 OTHERS，Selectbox2 应该不显示并且 textbox1 出来。其他问题也是它的名称字段，如果我发布 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>

Answer 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 对于每个元素必须是唯一的。

要删除input的name属性，可以使用如下

$("#txtcboState").removeAttr('name');

DEMO HERE

Answer 2

这样的？

$("#selectbox1").onchange(function() { selectionChanged();});

function selectionChanged() {

if ( $("#selectbox1").val() == "other") {

    $("#selectbox2").hide();

    $("#textBox1").show();//should already be hidden

}

}

确保您的元素的 ID 是唯一的。