元素上添加属性集会导致默认情况下选中包含我的提供的内容"value": 元素上添加属性集会导致默认情况下选中包含我的提供的内容"value": 元素上添加属性集会导致默认情况下选中包含我的提供的内容"value": 元素上添加属性集会导致默认情况下选中包含我的提供的内容"value": 问答 博客 关于 留言 如何设置HTML 元素的默认值?</p> HTML MandyL 2020-03-13 </div> 我认为"value"在以下<select>元素上添加属性集会导致默认情况下选中<option>包含我的提供的内容"value": <select name="hall" id="hall" value="3"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> 但是,这没有按我预期的那样工作。如何设置<option>默认选择的元素? </div> 第1569篇《如何设置HTML 元素的默认值?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点</p> 共19个回答 古一番长小小 2020.03.13 设置selected =“ selected”,其中选项值为3 请看下面的例子 <option selected="selected" value="3" >3</option> 梅番长 2020.03.13 你可以这样尝试 <select name="hall" id="hall"> <option>1</option> <option>2</option> <option selected="selected">3</option> <option>4</option> <option>5</option> </select> Itachi小宇宙 2020.03.13 我使用Angular并通过设置默认选项 HTML模板 <select #selectConnection [(ngModel)]="selectedVal" class="form-control col-sm-6 " max-width="100px" title="Select" data-size="10"> <option >test1</option> <option >test2</option> </select> 脚本: sselectedVal:any="test1"; GO西门 2020.03.13 您只需要在特定选项上放置属性“ selected”,而不是直接选择元素。 这是具有不同值的相同和多个工作示例的摘录。 Select Option 3 :- <select name="hall" id="hall"> <option>1</option> <option>2</option> <option selected="selected">3</option> <option>4</option> <option>5</option> </select> <br/> <br/> <br/> Select Option 5 :- <select name="hall" id="hall"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option selected="selected">5</option> </select> <br/> <br/> <br/> Select Option 2 :- <select name="hall" id="hall"> <option>1</option> <option selected="selected">2</option> <option>3</option> <option>4</option> <option>5</option> </select> Davaid飞羽 2020.03.13 我只是将第一个选择选项值设置为默认值,然后使用HTML5的新“隐藏”功能将该值隐藏在下拉列表中。像这样: <select name="" id=""> <option hidden value="default">Select An Option</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> </select> 米亚猴子 2020.03.13 此代码使用PHP设置HTML select元素的默认值。 <select name="hall" id="hall"> <?php $default = 3; $nr = 1; while($nr < 10){ if($nr == $default){ echo "<option selected=\"selected\">". $nr ."</option>"; } else{ echo "<option>". $nr ."</option>"; } $nr++; } ?> </select> 卡卡西神奇 2020.03.13 标签的value属性缺失,因此不会如您所希望的那样显示。默认情况下,如果在标签上设置了value属性,则第一个选项在下拉页面加载时显示...。 米亚凯 2020.03.13 您可以使用: <option value="someValue" selected>Some Value</option> 代替, <option value="someValue" selected = "selected">Some Value</option> 两者都是正确的。 老丝村村 2020.03.13 另一个例子; 使用JavaScript设置选定的选项。 (您可以使用此示例将值数组循环到下拉组件中) <select id="yourDropDownElementId"><select/> // Get the select element var select = document.getElementById("yourDropDownElementId"); // Create a new option element var el = document.createElement("option"); // Add our value to the option el.textContent = "Example Value"; el.value = "Example Value"; // Set the option to selected el.selected = true; // Add the new option element to the select element select.appendChild(el); SamEva 2020.03.13 所述选定的属性是一个布尔属性。 如果存在,它指定页面加载时应预先选择一个选项。 预先选择的选项将首先显示在下拉列表中。 <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="vw">VW</option> <option value="audi" selected>Audi</option> </select> 飞云神无 2020.03.13 对nobita答案的改进。您也可以通过隐藏元素“在此处选择”来改善下拉列表的视觉效果。 <select> <option selected disabled hidden>Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select> 古一村村 2020.03.13 我认为最好的方法是: <select> <option value="" selected="selected" hidden="hidden">Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select> 为什么不禁用? 当您将Disabled属性与<button type="reset">Reset</button>value 一起使用时,不会重置为原始占位符。而是浏览器选择第一个未禁用的选项,这可能会导致用户错误。 默认空值 每个生产表单都有验证,那么空值应该不是问题。这样,我们可能有不需要的空选择。 XHTML语法属性 selected="selected"语法是与XHTML和HTML 5兼容的唯一方法。这是正确的XML语法,一些编辑者对此可能感到满意。它向后兼容。我对此没有强烈的感觉,但是如果您需要提及以上参数,则应遵循完整的语法。 老丝番长 2020.03.13 如果您有反应,则可以将其defaultValue用作属性,而不是value在select标签中。 十三米亚阳光 2020.03.13 我更喜欢这样: <select> <option selected hidden>Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select> 选择一个选项后,“选择此处”消失。 Green老丝Itachi 2020.03.13 完整的例子: <select name="hall" id="hall"> <option> 1 </option> <option> 2 </option> <option selected> 3 </option> <option> 4 </option> <option> 5 </option> </select> JinJin小小 2020.03.13 您可以这样做: <select name="hall" id="hall"> <option> 1 </option> <option> 2 </option> <option selected> 3 </option> <option> 4 </option> <option> 5 </option> </select> 在选项标签内提供“ selected”关键字,默认情况下您希望该关键字显示在下拉列表中。 或者您也可以为选项标签提供属性,即 <option selected="selected">3</option> Eva蛋蛋番长 2020.03.13 设置selected="selected"要设为默认选项的选项。 <option selected="selected"> 3 </option> Green理查德 2020.03.13 如果您希望使用默认文本作为一种占位符/提示,但不认为是有效值(例如“在此完成”,“选择您的国家/地区”等),则可以执行以下操作: <select> <option value="" selected disabled hidden>Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select> 路易GO 2020.03.13 我遇到了这个问题,但是被接受并被高度评价的答案对我来说不起作用。事实证明,如果您使用的是React,则设置selected无效。 相反,您必须<select>直接在标记中设置一个值,如下所示: <select value="B"> <option value="A">Apple</option> <option value="B">Banana</option> <option value="C">Cranberry</option> </select> 在React页面上阅读有关为什么的更多信息。 相似问题 基于react18+vite4+zustand网页端仿微信聊天实例 0 回答 基于tauri+vite4+pinia跨端后台管理系统应用 0 回答 HTML5 Drag与Drop 拖动时更改图标/光标 5 回答 如何完全卸载 Node.js,然后从头重新安装 (Mac OS X) 25 回答 基于tauri+vue3跨端聊天应用|tauri仿微信模板 0 回答 Ace Editor一款比较好用的展示代码组件 0 回答 问题类别 JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android
如何设置HTML 元素的默认值?</p> HTML MandyL 2020-03-13 </div> 我认为"value"在以下<select>元素上添加属性集会导致默认情况下选中<option>包含我的提供的内容"value": <select name="hall" id="hall" value="3"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> 但是,这没有按我预期的那样工作。如何设置<option>默认选择的元素? </div> 第1569篇《如何设置HTML 元素的默认值?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点</p> 共19个回答 古一番长小小 2020.03.13 设置selected =“ selected”,其中选项值为3 请看下面的例子 <option selected="selected" value="3" >3</option> 梅番长 2020.03.13 你可以这样尝试 <select name="hall" id="hall"> <option>1</option> <option>2</option> <option selected="selected">3</option> <option>4</option> <option>5</option> </select> Itachi小宇宙 2020.03.13 我使用Angular并通过设置默认选项 HTML模板 <select #selectConnection [(ngModel)]="selectedVal" class="form-control col-sm-6 " max-width="100px" title="Select" data-size="10"> <option >test1</option> <option >test2</option> </select> 脚本: sselectedVal:any="test1"; GO西门 2020.03.13 您只需要在特定选项上放置属性“ selected”,而不是直接选择元素。 这是具有不同值的相同和多个工作示例的摘录。 Select Option 3 :- <select name="hall" id="hall"> <option>1</option> <option>2</option> <option selected="selected">3</option> <option>4</option> <option>5</option> </select> <br/> <br/> <br/> Select Option 5 :- <select name="hall" id="hall"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option selected="selected">5</option> </select> <br/> <br/> <br/> Select Option 2 :- <select name="hall" id="hall"> <option>1</option> <option selected="selected">2</option> <option>3</option> <option>4</option> <option>5</option> </select> Davaid飞羽 2020.03.13 我只是将第一个选择选项值设置为默认值,然后使用HTML5的新“隐藏”功能将该值隐藏在下拉列表中。像这样: <select name="" id=""> <option hidden value="default">Select An Option</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> </select> 米亚猴子 2020.03.13 此代码使用PHP设置HTML select元素的默认值。 <select name="hall" id="hall"> <?php $default = 3; $nr = 1; while($nr < 10){ if($nr == $default){ echo "<option selected=\"selected\">". $nr ."</option>"; } else{ echo "<option>". $nr ."</option>"; } $nr++; } ?> </select> 卡卡西神奇 2020.03.13 标签的value属性缺失,因此不会如您所希望的那样显示。默认情况下,如果在标签上设置了value属性,则第一个选项在下拉页面加载时显示...。 米亚凯 2020.03.13 您可以使用: <option value="someValue" selected>Some Value</option> 代替, <option value="someValue" selected = "selected">Some Value</option> 两者都是正确的。 老丝村村 2020.03.13 另一个例子; 使用JavaScript设置选定的选项。 (您可以使用此示例将值数组循环到下拉组件中) <select id="yourDropDownElementId"><select/> // Get the select element var select = document.getElementById("yourDropDownElementId"); // Create a new option element var el = document.createElement("option"); // Add our value to the option el.textContent = "Example Value"; el.value = "Example Value"; // Set the option to selected el.selected = true; // Add the new option element to the select element select.appendChild(el); SamEva 2020.03.13 所述选定的属性是一个布尔属性。 如果存在,它指定页面加载时应预先选择一个选项。 预先选择的选项将首先显示在下拉列表中。 <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="vw">VW</option> <option value="audi" selected>Audi</option> </select> 飞云神无 2020.03.13 对nobita答案的改进。您也可以通过隐藏元素“在此处选择”来改善下拉列表的视觉效果。 <select> <option selected disabled hidden>Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select> 古一村村 2020.03.13 我认为最好的方法是: <select> <option value="" selected="selected" hidden="hidden">Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select> 为什么不禁用? 当您将Disabled属性与<button type="reset">Reset</button>value 一起使用时,不会重置为原始占位符。而是浏览器选择第一个未禁用的选项,这可能会导致用户错误。 默认空值 每个生产表单都有验证,那么空值应该不是问题。这样,我们可能有不需要的空选择。 XHTML语法属性 selected="selected"语法是与XHTML和HTML 5兼容的唯一方法。这是正确的XML语法,一些编辑者对此可能感到满意。它向后兼容。我对此没有强烈的感觉,但是如果您需要提及以上参数,则应遵循完整的语法。 老丝番长 2020.03.13 如果您有反应,则可以将其defaultValue用作属性,而不是value在select标签中。 十三米亚阳光 2020.03.13 我更喜欢这样: <select> <option selected hidden>Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select> 选择一个选项后,“选择此处”消失。 Green老丝Itachi 2020.03.13 完整的例子: <select name="hall" id="hall"> <option> 1 </option> <option> 2 </option> <option selected> 3 </option> <option> 4 </option> <option> 5 </option> </select> JinJin小小 2020.03.13 您可以这样做: <select name="hall" id="hall"> <option> 1 </option> <option> 2 </option> <option selected> 3 </option> <option> 4 </option> <option> 5 </option> </select> 在选项标签内提供“ selected”关键字,默认情况下您希望该关键字显示在下拉列表中。 或者您也可以为选项标签提供属性,即 <option selected="selected">3</option> Eva蛋蛋番长 2020.03.13 设置selected="selected"要设为默认选项的选项。 <option selected="selected"> 3 </option> Green理查德 2020.03.13 如果您希望使用默认文本作为一种占位符/提示,但不认为是有效值(例如“在此完成”,“选择您的国家/地区”等),则可以执行以下操作: <select> <option value="" selected disabled hidden>Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select> 路易GO 2020.03.13 我遇到了这个问题,但是被接受并被高度评价的答案对我来说不起作用。事实证明,如果您使用的是React,则设置selected无效。 相反,您必须<select>直接在标记中设置一个值,如下所示: <select value="B"> <option value="A">Apple</option> <option value="B">Banana</option> <option value="C">Cranberry</option> </select> 在React页面上阅读有关为什么的更多信息。
MandyL
2020-03-13
我认为"value"在以下<select>元素上添加属性集会导致默认情况下选中<option>包含我的提供的内容"value":
"value"
<select>
<option>
<select name="hall" id="hall" value="3"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select>
但是,这没有按我预期的那样工作。如何设置<option>默认选择的元素?
第1569篇《如何设置HTML 元素的默认值?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点</p> 共19个回答 古一番长小小 2020.03.13 设置selected =“ selected”,其中选项值为3 请看下面的例子 <option selected="selected" value="3" >3</option> 梅番长 2020.03.13 你可以这样尝试 <select name="hall" id="hall"> <option>1</option> <option>2</option> <option selected="selected">3</option> <option>4</option> <option>5</option> </select> Itachi小宇宙 2020.03.13 我使用Angular并通过设置默认选项 HTML模板 <select #selectConnection [(ngModel)]="selectedVal" class="form-control col-sm-6 " max-width="100px" title="Select" data-size="10"> <option >test1</option> <option >test2</option> </select> 脚本: sselectedVal:any="test1"; GO西门 2020.03.13 您只需要在特定选项上放置属性“ selected”,而不是直接选择元素。 这是具有不同值的相同和多个工作示例的摘录。 Select Option 3 :- <select name="hall" id="hall"> <option>1</option> <option>2</option> <option selected="selected">3</option> <option>4</option> <option>5</option> </select> <br/> <br/> <br/> Select Option 5 :- <select name="hall" id="hall"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option selected="selected">5</option> </select> <br/> <br/> <br/> Select Option 2 :- <select name="hall" id="hall"> <option>1</option> <option selected="selected">2</option> <option>3</option> <option>4</option> <option>5</option> </select> Davaid飞羽 2020.03.13 我只是将第一个选择选项值设置为默认值,然后使用HTML5的新“隐藏”功能将该值隐藏在下拉列表中。像这样: <select name="" id=""> <option hidden value="default">Select An Option</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> </select> 米亚猴子 2020.03.13 此代码使用PHP设置HTML select元素的默认值。 <select name="hall" id="hall"> <?php $default = 3; $nr = 1; while($nr < 10){ if($nr == $default){ echo "<option selected=\"selected\">". $nr ."</option>"; } else{ echo "<option>". $nr ."</option>"; } $nr++; } ?> </select> 卡卡西神奇 2020.03.13 标签的value属性缺失,因此不会如您所希望的那样显示。默认情况下,如果在标签上设置了value属性,则第一个选项在下拉页面加载时显示...。 米亚凯 2020.03.13 您可以使用: <option value="someValue" selected>Some Value</option> 代替, <option value="someValue" selected = "selected">Some Value</option> 两者都是正确的。 老丝村村 2020.03.13 另一个例子; 使用JavaScript设置选定的选项。 (您可以使用此示例将值数组循环到下拉组件中) <select id="yourDropDownElementId"><select/> // Get the select element var select = document.getElementById("yourDropDownElementId"); // Create a new option element var el = document.createElement("option"); // Add our value to the option el.textContent = "Example Value"; el.value = "Example Value"; // Set the option to selected el.selected = true; // Add the new option element to the select element select.appendChild(el); SamEva 2020.03.13 所述选定的属性是一个布尔属性。 如果存在,它指定页面加载时应预先选择一个选项。 预先选择的选项将首先显示在下拉列表中。 <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="vw">VW</option> <option value="audi" selected>Audi</option> </select> 飞云神无 2020.03.13 对nobita答案的改进。您也可以通过隐藏元素“在此处选择”来改善下拉列表的视觉效果。 <select> <option selected disabled hidden>Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select> 古一村村 2020.03.13 我认为最好的方法是: <select> <option value="" selected="selected" hidden="hidden">Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select> 为什么不禁用? 当您将Disabled属性与<button type="reset">Reset</button>value 一起使用时,不会重置为原始占位符。而是浏览器选择第一个未禁用的选项,这可能会导致用户错误。 默认空值 每个生产表单都有验证,那么空值应该不是问题。这样,我们可能有不需要的空选择。 XHTML语法属性 selected="selected"语法是与XHTML和HTML 5兼容的唯一方法。这是正确的XML语法,一些编辑者对此可能感到满意。它向后兼容。我对此没有强烈的感觉,但是如果您需要提及以上参数,则应遵循完整的语法。 老丝番长 2020.03.13 如果您有反应,则可以将其defaultValue用作属性,而不是value在select标签中。 十三米亚阳光 2020.03.13 我更喜欢这样: <select> <option selected hidden>Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select> 选择一个选项后,“选择此处”消失。 Green老丝Itachi 2020.03.13 完整的例子: <select name="hall" id="hall"> <option> 1 </option> <option> 2 </option> <option selected> 3 </option> <option> 4 </option> <option> 5 </option> </select> JinJin小小 2020.03.13 您可以这样做: <select name="hall" id="hall"> <option> 1 </option> <option> 2 </option> <option selected> 3 </option> <option> 4 </option> <option> 5 </option> </select> 在选项标签内提供“ selected”关键字,默认情况下您希望该关键字显示在下拉列表中。 或者您也可以为选项标签提供属性,即 <option selected="selected">3</option> Eva蛋蛋番长 2020.03.13 设置selected="selected"要设为默认选项的选项。 <option selected="selected"> 3 </option> Green理查德 2020.03.13 如果您希望使用默认文本作为一种占位符/提示,但不认为是有效值(例如“在此完成”,“选择您的国家/地区”等),则可以执行以下操作: <select> <option value="" selected disabled hidden>Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select> 路易GO 2020.03.13 我遇到了这个问题,但是被接受并被高度评价的答案对我来说不起作用。事实证明,如果您使用的是React,则设置selected无效。 相反,您必须<select>直接在标记中设置一个值,如下所示: <select value="B"> <option value="A">Apple</option> <option value="B">Banana</option> <option value="C">Cranberry</option> </select> 在React页面上阅读有关为什么的更多信息。
设置selected =“ selected”,其中选项值为3
请看下面的例子
<option selected="selected" value="3" >3</option>
你可以这样尝试
<select name="hall" id="hall"> <option>1</option> <option>2</option> <option selected="selected">3</option> <option>4</option> <option>5</option> </select>
我使用Angular并通过设置默认选项
HTML模板
<select #selectConnection [(ngModel)]="selectedVal" class="form-control col-sm-6 " max-width="100px" title="Select" data-size="10"> <option >test1</option> <option >test2</option> </select>
脚本:
sselectedVal:any="test1";
您只需要在特定选项上放置属性“ selected”,而不是直接选择元素。
这是具有不同值的相同和多个工作示例的摘录。
Select Option 3 :- <select name="hall" id="hall"> <option>1</option> <option>2</option> <option selected="selected">3</option> <option>4</option> <option>5</option> </select> <br/> <br/> <br/> Select Option 5 :- <select name="hall" id="hall"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option selected="selected">5</option> </select> <br/> <br/> <br/> Select Option 2 :- <select name="hall" id="hall"> <option>1</option> <option selected="selected">2</option> <option>3</option> <option>4</option> <option>5</option> </select>
我只是将第一个选择选项值设置为默认值,然后使用HTML5的新“隐藏”功能将该值隐藏在下拉列表中。像这样:
<select name="" id=""> <option hidden value="default">Select An Option</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> </select>
此代码使用PHP设置HTML select元素的默认值。
<select name="hall" id="hall"> <?php $default = 3; $nr = 1; while($nr < 10){ if($nr == $default){ echo "<option selected=\"selected\">". $nr ."</option>"; } else{ echo "<option>". $nr ."</option>"; } $nr++; } ?> </select>
标签的value属性缺失,因此不会如您所希望的那样显示。默认情况下,如果在标签上设置了value属性,则第一个选项在下拉页面加载时显示...。
您可以使用:
<option value="someValue" selected>Some Value</option>
代替,
<option value="someValue" selected = "selected">Some Value</option>
两者都是正确的。
另一个例子; 使用JavaScript设置选定的选项。
(您可以使用此示例将值数组循环到下拉组件中)
<select id="yourDropDownElementId"><select/>
// Get the select element var select = document.getElementById("yourDropDownElementId"); // Create a new option element var el = document.createElement("option"); // Add our value to the option el.textContent = "Example Value"; el.value = "Example Value"; // Set the option to selected el.selected = true; // Add the new option element to the select element select.appendChild(el);
所述选定的属性是一个布尔属性。
如果存在,它指定页面加载时应预先选择一个选项。
预先选择的选项将首先显示在下拉列表中。
<select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="vw">VW</option> <option value="audi" selected>Audi</option> </select>
对nobita答案的改进。您也可以通过隐藏元素“在此处选择”来改善下拉列表的视觉效果。
<select> <option selected disabled hidden>Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select>
我认为最好的方法是:
<select> <option value="" selected="selected" hidden="hidden">Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select>
为什么不禁用?
当您将Disabled属性与<button type="reset">Reset</button>value 一起使用时,不会重置为原始占位符。而是浏览器选择第一个未禁用的选项,这可能会导致用户错误。
<button type="reset">Reset</button>
默认空值
每个生产表单都有验证,那么空值应该不是问题。这样,我们可能有不需要的空选择。
XHTML语法属性
selected="selected"语法是与XHTML和HTML 5兼容的唯一方法。这是正确的XML语法,一些编辑者对此可能感到满意。它向后兼容。我对此没有强烈的感觉,但是如果您需要提及以上参数,则应遵循完整的语法。
selected="selected"
如果您有反应,则可以将其defaultValue用作属性,而不是value在select标签中。
defaultValue
value
我更喜欢这样:
<select> <option selected hidden>Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select>
选择一个选项后,“选择此处”消失。
完整的例子:
<select name="hall" id="hall"> <option> 1 </option> <option> 2 </option> <option selected> 3 </option> <option> 4 </option> <option> 5 </option> </select>
您可以这样做:
在选项标签内提供“ selected”关键字,默认情况下您希望该关键字显示在下拉列表中。
或者您也可以为选项标签提供属性,即
<option selected="selected">3</option>
设置selected="selected"要设为默认选项的选项。
<option selected="selected"> 3 </option>
如果您希望使用默认文本作为一种占位符/提示,但不认为是有效值(例如“在此完成”,“选择您的国家/地区”等),则可以执行以下操作:
<select> <option value="" selected disabled hidden>Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option> </select>
我遇到了这个问题,但是被接受并被高度评价的答案对我来说不起作用。事实证明,如果您使用的是React,则设置selected无效。
selected
相反,您必须<select>直接在标记中设置一个值,如下所示:
<select value="B"> <option value="A">Apple</option> <option value="B">Banana</option> <option value="C">Cranberry</option> </select>
在React页面上阅读有关为什么的更多信息。
相似问题
0 回答
5 回答
25 回答
问题类别