将默认值设置为HTML下拉列表

时间:2019-12-10 05:18:36

标签: html

我已经在html中创建了一个下拉菜单。我有一个重置按钮,将所有值重置为null。但是单击此按钮后,我需要将下拉菜单重置为在该字段中输入的第一个值。

请帮助... 下拉菜单的代码如下。

    <select name="abc" id="abc">
      <option value="one">One
      <option value="two">Two
    </select>

但是,单击“重置”后,下拉列表中将出现空白,我必须从中再次选择“一个”或“两个”。 相反,我希望它自动设置为值“ One”。

6 个答案:

答案 0 :(得分:1)

您只需要使用selected属性作为您要默认的项目:

public StringBuffer(String str)

如果您要手动执行重置,则可能需要存储对当前选择 prior 的引用,以重置它们,并使用其保留先前的选择,您可以通过selectedIndex属性。根据您的用例和技术(例如jQuery等),您可以通过索引,值或其他可能的属性来选择特定元素。

答案 1 :(得分:1)

您可以使用将属性<select name="abc" id="abc"> <option value="one" selected="selected">One</option> <option value="two">Two</option> </select> 添加到要默认设置的选项,如下所示:

selected

或添加<select name="abc" id="abc"> <option value="one">One</option> <option value="two" selected>Two</option> </select>

selected="selected"

答案 2 :(得分:0)

您可以添加select * from Data a where floor = 'L2' and date = '2019-12-10' and timestamp =(select max(timestamp) from data b where a.id=b.id) 个属性以进行默认选择。

selected

使用jQuery

<select name="abc" id="abc">
  <option value="one">One
  <option value="two" selected="selected">Two
</select>

答案 3 :(得分:0)

  

使用已选择

此处为示例https://www.w3schools.com/tags/att_option_selected.asp

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi" selected>Audi</option>
</select>

答案 4 :(得分:0)

我认为您在重置jquery函数中需要此代码。

cryptography-2.8-cp27-cp27m-macosx_10_6_intel.whl

答案 5 :(得分:0)

如果未选择任何选项,默认情况下

HTML select drop down将显示第一个选项。因此,实际上,您只需要清除下拉列表中的selected服饰即可。

function clearForm(form) { 
  //var $f = $(form); 
  //var $f = $f.find(':input').not(':button, :submit, :reset, :hidden');     
  //$('#msg').empty(); 
  $('#abc option:selected').removeAttr('selected');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="abc" id="abc">
    <option value="one">One
    <option value="two" selected>Two
</select>
<input type='button' class="btn btn-primary" value='Reset' name='reset' onclick="return clearForm(this.form);">