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

时间:2017-07-28 22:48:36

标签: html css forms drop-down-menu

我正在寻找一种设置默认值(在选择列表中)的方法,该默认值必须被切换出来以便' required ="""&# 39;要接受的属性和要提交的表单。换句话说,默认值不能保持为所选值。此外,如何将标题添加到无法选择的选择列表中,并将其作为标记选择选项的方式。如果出现混淆,我正在寻找的所有内容都会显示在下面的图片中。

enter image description here

2 个答案:

答案 0 :(得分:1)

如果值=“”

,您可以尝试使用javascript进行检查

来自w3Schools.com的示例: https://www.w3schools.com/js/js_validation.asp

确保您也在服务器端验证!人们可以改变HTML / Javascript

答案 1 :(得分:1)

  

换句话说,默认值不能保留为所选值。

关于此请求,您会发现这有用。

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

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