Question

我的网站上有一个下拉选择框。该字段不是必需的。如果用户意外地进行了选择，是否有一种简单的方法允许用户将字段重置为空？

我唯一能想到的就是让第一个选项成为＆＃34;请做出选择......＆＃34;然后查看用户是否已选择该选项，并将相应的值设置为null。这只是感觉有点hacky。

Answer 1

此示例将使用户能够重置select而不会看到“null”选项。 http://jsbin.com/ojozar/2

  <select id="select">
    <option value="1" >option 1</option>
    <option value="2" >option 2</option>
    <option value="3" >option 3</option>
  </select>
  <input type="button" value="reset" id="resetbtn" />

js：

  $('#resetbtn').click(function(){
    $('select#select').prepend('<option selected="selected" value="null" class="null"></option>');        
  });

  $('select#select').bind('focus click mouseup',function(){
    $(this).find('option.null').remove();
  });

允许用户从html <select>下拉列表中选择null </select>

1 个答案: