[Solved] Display other field onchange

by


Try this

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();
    }

});

Note: ID Must be unique for each element.

To remove The name attribute of input, you can use the following

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

DEMO HERE

7

solved Display other field onchange