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

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

问题描述:

我正在寻找一种方法来设置默认值(在选择列表中),必须将其切换出来,以便接受'required ='“'属性并提交表单。换句话说,默认值不能保持为选择的值。此外,如何将标题添加到无法选择的选择列表中,并且是用于标记选择选项的方式。如果发生混淆,我要查找的所有内容都显示在下图中。如何在选择列表中设置标题和默认值?

enter image description here

+0

它看起来像你希望我们为你写一些代码。尽管许多用户愿意为遇险的编码人员编写代码,但他们通常只在海报已尝试自行解决问题时才提供帮助。证明这一努力的一个好方法是包含迄今为止编写的代码,示例输入(如果有的话),期望的输出以及实际获得的输出(控制台输出,回溯等)。您提供的细节越多,您可能会收到的答案就越多。检查[FAQ]和[问]。 –

换句话说,默认值不能保持为选定的值。

关于此要求,您可能会发现这有帮助。

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

如果您选择的价值变动(只在第一时间之后),它是不同于"",提交按钮将是有效的。这也可以用一个标志来完成,而不是设置属性disable,这取决于你需要做什么。

您可以尝试使用JavaScript检查是否值= “”

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

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