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

Question

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

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

Answer 1

您可以将required属性添加到选择元素，然后向每个选项添加一些value属性（第一个选项除外）（使用value而不使用值本身，即value =“ 1”）然后，您可以只使用select.checkValidity（），它返回true或false。

Answer 2

我正在尝试确保用户未选择下拉菜单的默认设置

您可以仅将disabled属性添加到<option>，并将其设为默认值。如果用户打开下拉列表，则无法再单击默认选项，并且用户必须选择另一个选项。

示例：

<form action="">
    <select required>
        <option disabled selected value>Default option</option>
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
    </select>
<input type="submit">
</form>