如果我选择其他国家，则不会显示该州

Question

如果我选择有效的国家/地区毛里求斯，则状态字段应为隐藏。 问题是选择毛里求斯后，如果我选择另一个国家，州域不会重新出现。

<input id="state" name="state" type="text" placeholder="Amsterdam"
       style="visibility:visible" onfocus="con()">
<label for="country" id="country">Country</label>
            <select name="country">
                <option value=""></option>
                <option value="AF">Afghanistan</option>
                <option value="AL">Albania</option>
                <option value="DZ">Algeria</option>
                <option value="MU">Mauritius</option>
                                    your country</select>

function con() {
    var z=document.forms["task2"]["country"].value;
    var z11 = document.getElementById("male");
    var z12 = document.getElementById("state");

    if(z=="MU")
    {
        document.getElementById('state').style.visibility = 'hidden';
        z11.focus();
        return false;
    } else if(z!="MU") {
    z12.focus();
    document.getElementById('state').style.visibility='visible';
    z12.focus();
    }
}

Answer 1

http://jsfiddle.net/Maslow/pXMdL/

它必须是onchange，并且还有其他错误，例如不听选择更改。 大概是您的听众应该在的地方。 另外，您的示例中未包含表单的html。

“您的国家”在任何有效元素之外（在<select>但不在<option></option>标记内）。