html - 如何在选择列表中设置标题和默认值？

Question

我正在寻找一种方法来设置默认值(在选择列表中)，必须将其关闭才能接受 'required=""' 属性并提交表单。换句话说，默认值不能保持为所选值。此外，如何将无法选择的标题添加到选择列表中，并将其作为标记选择选项的一种方式。下图显示了我要查找的所有内容，以防混淆。

Answer 1

In other words the default value can't stay as the chosen value.

关于此请求，您会发现它很有帮助。

<form action="/action_page.php">
<select id="mySelect" required onchange="changeValue()">
  <option value="">Select a Country</option>
  <option value="c1">Country 1</option>
  <option selected value="c2">Country 2</option>
  <option value="c3">Country 3</option>
  <option value="c4">COuntry 4</option>
</select>
<input id="btnSubmit" type="submit" disabled>
</form>

<script>
function changeValue(){
    if (document.getElementById("mySelect").value != "")
        document.getElementById("btnSubmit").disabled = false;
}
</script>

如果您选择的值发生变化(就在第一次之后)并且与 "" 不同，则提交按钮将有效。这也可以通过标志而不是设置属性禁用来完成，这取决于您需要做什么。