javascript - 确定下拉菜单的选定索引号？

Question

我试图通过确定所选的索引号来确保用户没有选择下拉方法的默认值。即使我相信代码是正确的，它似乎也只是返回 false...到目前为止，我有下面列出的代码，但它不起作用，有什么想法吗？

<p id="Gender">
			<label for="Gender">Gender: </label>
			<select required>
			<option disabled selected value="Select">Select</option>
			<option value="Male">Male</option>
			<option value="Female">Female</option>
			</select>
		</p>

 function validate1() { 
  valCheck3 = true;
	var dropD1 = document.getElementById("Gender");
	var resultSelect = dropDown1(dropD1);
	var image3 = getImage(Boolean(resultSelect), "gender");
	var labelGender = getNotification3(Boolean(resultSelect), "gender");
	document.getElementById("Gender").appendChild(image3);
	document.getElementById("Gender").appendChild(labelGender);
  }
  
  function dropDown1(select){
	if(select.selectedIndex > 0){
		return true;
	}
	valCheck3 = false;
	return false;
  }
  

编辑:我添加了 HTML，我使用设置来使答案成为必需的，问题是我需要一个按钮来检查是否已选择答案以在框旁边插入图像。因此，在这种情况下，我认为我可以确定下拉列表的选定索引号，以便我可以确定

Answer 1

您可以将 required 属性添加到 select 元素，然后向每个选项添加一些 value 属性，第一个选项除外(使用 value > 没有值本身，即 value="1") 然后你可以使用 select.checkValidity()，它返回 true 或 false。