Javascript没有'；t返回正确的值

我正在研究HTML和Javascript

我有一个标签，你可以在下面看到

<label for="optGender">Gender: </label> 
<input id="optGender" type="radio" name="optGender" value="F" onclick="changeGender(this.value)">
Female
<br>
<input id="optGender" type="radio" name="optGender" value="M" onclick="changeGender(this.value)">
Male
<br>
Where do you want to live?
<br>
<select id="txtCity" name="lstCity" size="5">
<option value="06">Ankara</option>
<option value="34">Istanbul</option>
<option value="35">Izmir</option>
<option value="27">Gaziantep</option>
</select>
<br>

当我选择“女性”按钮时，它会工作，不会出现错误。但当我选择男性时，它给了我一个错误，我没有选择任何选项。这有什么不对

---

编辑*我真正想做的是，如果我选择F，列表中会有以I开头的城市，因为M将是G。我可以轻松地处理这部分，但我被困在最简单的部分

两个输入的ID相同。那不行。。。 Document.getelementbyid返回它找到您提供的id的第一个实例，即男性输入。我想你可能想要的是选择而不是输入

给我一秒钟，我会帮你修改代码

<label for="optGender">Gender: </label> 
<input id="Female" type="radio" name="optGender" value="F" onclick="changeGender(this)">
Female
<br>
<input id="Male" type="radio" name="optGender" value="M" onclick="changeGender(this)">
Male
<br>
Where do you want to live?
<br>
<select id="txtCity" name="lstCity" size="5">
<option value="06">Ankara</option>
<option value="34">Istanbul</option>
<option value="35">Izmir</option>
<option value="27">Gaziantep</option>
</select>
<br>


function changeGender(whichOne){
    var gender = whichOne.value;
    if ( gender == "M" ) { alert("lol");}
    if ( gender == "F" ) { alert("wat");}

}

性别：
女性


男性


你想住在哪里？


安卡拉
伊斯坦布尔
伊兹密尔
加齐安泰普


功能改变性别（whichOne）{
变量性别=whichOne.value；
如果（性别=“M”）{alert（“lol”）；}
如果（性别=“F”）{alert（“wat”）；}
}

两个输入的ID相同。那不行。。。 Document.getelementbyid返回它找到您提供的id的第一个实例，即男性输入。我想你可能想要的是选择而不是输入

给我一秒钟，我会帮你修改代码

<label for="optGender">Gender: </label> 
<input id="Female" type="radio" name="optGender" value="F" onclick="changeGender(this)">
Female
<br>
<input id="Male" type="radio" name="optGender" value="M" onclick="changeGender(this)">
Male
<br>
Where do you want to live?
<br>
<select id="txtCity" name="lstCity" size="5">
<option value="06">Ankara</option>
<option value="34">Istanbul</option>
<option value="35">Izmir</option>
<option value="27">Gaziantep</option>
</select>
<br>


function changeGender(whichOne){
    var gender = whichOne.value;
    if ( gender == "M" ) { alert("lol");}
    if ( gender == "F" ) { alert("wat");}

}

性别：
女性


男性


你想住在哪里？


安卡拉
伊斯坦布尔
伊兹密尔
加齐安泰普


功能改变性别（whichOne）{
变量性别=whichOne.value；
如果（性别=“M”）{alert（“lol”）；}
如果（性别=“F”）{alert（“wat”）；}
}

两个输入的ID相同。那不行。。。 Document.getelementbyid返回它找到您提供的id的第一个实例，即男性输入。我想你可能想要的是选择而不是输入

给我一秒钟，我会帮你修改代码

<label for="optGender">Gender: </label> 
<input id="Female" type="radio" name="optGender" value="F" onclick="changeGender(this)">
Female
<br>
<input id="Male" type="radio" name="optGender" value="M" onclick="changeGender(this)">
Male
<br>
Where do you want to live?
<br>
<select id="txtCity" name="lstCity" size="5">
<option value="06">Ankara</option>
<option value="34">Istanbul</option>
<option value="35">Izmir</option>
<option value="27">Gaziantep</option>
</select>
<br>


function changeGender(whichOne){
    var gender = whichOne.value;
    if ( gender == "M" ) { alert("lol");}
    if ( gender == "F" ) { alert("wat");}

}

性别：
女性


男性


你想住在哪里？


安卡拉
伊斯坦布尔
伊兹密尔
加齐安泰普


功能改变性别（whichOne）{
变量性别=whichOne.value；
如果（性别=“M”）{alert（“lol”）；}
如果（性别=“F”）{alert（“wat”）；}
}

两个输入的ID相同。那不行。。。 Document.getelementbyid返回它找到您提供的id的第一个实例，即男性输入。我想你可能想要的是选择而不是输入

给我一秒钟，我会帮你修改代码

<label for="optGender">Gender: </label> 
<input id="Female" type="radio" name="optGender" value="F" onclick="changeGender(this)">
Female
<br>
<input id="Male" type="radio" name="optGender" value="M" onclick="changeGender(this)">
Male
<br>
Where do you want to live?
<br>
<select id="txtCity" name="lstCity" size="5">
<option value="06">Ankara</option>
<option value="34">Istanbul</option>
<option value="35">Izmir</option>
<option value="27">Gaziantep</option>
</select>
<br>


function changeGender(whichOne){
    var gender = whichOne.value;
    if ( gender == "M" ) { alert("lol");}
    if ( gender == "F" ) { alert("wat");}

}

性别：
女性


男性


你想住在哪里？


安卡拉
伊斯坦布尔
伊兹密尔
加齐安泰普


功能改变性别（whichOne）{
变量性别=whichOne.value；
如果（性别=“M”）{alert（“lol”）；}
如果（性别=“F”）{alert（“wat”）；}
}

您需要更改收音机的ID并保留名称。它会工作的

您需要更改收音机的ID并保留名称。它会工作的

您需要更改收音机的ID并保留名称。它会工作的

您需要更改收音机的ID并保留名称。它可以工作

在

HTML

中不能有两个具有相同

id

的元素。您有两个id相同的元素，即

optGender

在

HTML

中不能有两个id相同的

code>元素。您有两个id相同的元素，即
optGender
在
HTML
中不能有两个id相同的
code>元素。您有两个id相同的元素，即
optGender
在
HTML
中不能有两个id相同的
code>元素。您有两个id相同的元素ie
optGender
提供JSFIDLE examle.提供JSFIDLE examle.提供JSFIDLE examle.提供JSFIDLE examle.提供JSFIDLE examle.当我更改id时，它不会选择radio按钮当我更改id时，它不会选择radio按钮当我更改id时，它没有选择收音机按钮当我更改ID时，它没有选择收音机按钮编辑我的html文件，先生，我将从“txtCity”中删除选项，但我仍然无法处理选择问题。它只对女性有效@DeweyredManallight…试试看。如果您遇到任何问题，请告诉我。它就像一个符咒，先生，如果两种情况都==null，那么现在两种情况都会出现错误。谢谢（和/嘲笑
（“wat”）
部分：）编辑了我的html文件先生，我将从“txtCity”中删除选项，但我仍然无法处理选择问题。它只对女性有效@DeweyredManallight…试试看。如果您遇到任何问题，请告诉我。它就像一个符咒，先生，如果两种情况都==null，那么现在两种情况都会出现错误。谢谢（和/嘲笑
（“wat”）
部分：）编辑了我的html文件先生，我将从“txtCity”中删除选项，但我仍然无法处理选择问题。它只对女性有效@DeweyredManallight…试试看。如果您遇到任何问题，请告诉我。它就像一个符咒，先生，如果两种情况都==null，那么现在两种情况都会出现错误。谢谢（和/嘲笑
（“wat”）
部分：）编辑了我的html文件先生，我将从“txtCity”中删除选项，但我仍然无法处理选择问题。它只对女性有效@DeweyredManallight…试试看。如果您遇到任何问题，请告诉我。它就像一个符咒，先生，如果两种情况都==null，那么现在两种情况都会出现错误。谢谢（和/或嘲笑
（“wat”）
部分：）