html5中select选择框重置问题

最新推荐文章于 2024-06-06 10:46:35 发布
转载 最新推荐文章于 2024-06-06 10:46:35 发布 · 4.7k 阅读 · 0

本文探讨了HTML5中select选择框的重置问题，提供了两种实用的方法：一是通过将select标签放入form标签中并使用reset方法；二是记录select初始状态并在重置时手动设置selectedIndex。

html5中select选择框重置问题 [问题点数：40分]

  •            
  •            
  •            
  •            
  •            
  •            收藏
    • html5 select javascript
     <select id="onOff" >
              <option value='' selected="selected" >--请选择--</option>
              <option value='0' >开</option>
              <option value='1' >关</option>
    </select>
    页面有个重置按钮跳转到重置的js方法中，先选择开页面展示就是“开”，点击重置后如何使页面展示变回“请选择”
    发表于： 2015-05-21 17:31:35  楼主
    对我有用[0]  丢个板砖[0]  引用 |  举报 |  管理
    回复次数：2
    方法1：将select标签嵌套到form标签中，使用form标签的reset方法重置。
    方法2：在文档加载完成后，记住select的初始下标值，点击重置按钮后，document.getElementsByName('xx')[0].selectedIndex设置选中的下表。
    回复于： 2015-05-23 18:31:50 #1 得分：0
    对我有用[0]  丢个板砖[0]  引用 |  举报 |  管理
    selectedIndex=0
    无敌解决input select下拉选择无法正常使用js回显数据的问题
    TrueDei
    05-04 4183
    无敌解决input select下拉选择无法正常使用js回显数据的问题
    若依form中点击重置按钮,select2选中项不会被重置
    猿小白的博客
    08-07 881
    若依form中点击重置按钮,select2选中项不会被重置问题，下面提供解决办法。如图所示,点击重置按钮后, 值被重置为初始状态, 而select2仍然选中之前的选项。
    SELECT标签重置
    MoFe1的博客
    12-20 1156
    $(#mySelect option:first).prop(selected, 'selected')。 prop为赋值，select手动选择调用该方法 attr可取值可赋值
    select实现“重置“效果
    monica1_1的博客
    06-26 1万+
    前提说明：reset() 方法可把表单中的元素重置为它们的默认值。input默认值是null，而select未被选择的情况下是无默认值的（当然，你可以给它设定默认值）。那么怎么在select无默认值的情况下，实现重置效果，reset肯定是对它无效的。 按钮： <input class="btn btn-primary" type="reset" value="重置" onclick="...
    重置select
    深藏功与名2019/06/06
    10-28 471
    myform为你的表单名 $(".myform option").prop("selected", '');
    select重置清空选取条件
    shizhudufou的博客
    05-31 8768
    $("#_resetValue").click(function(){       $(".form-control").each(function(i){     $(this).attr('value',"");       $("#itemStatus").each(function (i, j) {      $(j).find("option:selected").attr(".
    CSS自定义select下拉选择框的样式(不用其他标签模拟)
    09-25
    综上所述，虽然纯CSS提供了自定义select下拉选择框样式的一种可能，但实现过程复杂且兼容性不佳，所以在实际开发中，建议使用JavaScript和更灵活的DOM操作来完全自定义select的外观和行为，或者直接使用第三方插件。
    Jquery和CSS实现选择框重置按钮功能
    10-17
    本文将详细介绍如何利用jQuery和CSS来实现一个具有重置功能的选择框。这个功能允许用户在选择一个选项后，通过点击一个重置按钮恢复选择框到初始状态，即清空已选值。 首先，我们需要创建HTML结构。这里有一个`...
    若依框架form表单重置功能reset与select2组件不兼容问题处理
    最新发布
    人的一生就是在学习的道路上不断进步
    06-06 750
    若依框架form表单重置功能reset与select2组件不兼容问题处理
    ant-design-vue select选择器重置
    qq_28016751的博客
    03-11 5502
    场景：触发"重置"按钮，将下拉框值所选值清除 问题：重置方法中this.organId=''或者null后，选择值时选择器选择值不显示 当你的select-option是循环出来的时候，你点击清空以后这个值是不会清空的，当你使用组件自带的api– allowClear的时候，你会发现清空以后是undefined，所以当你清空的时候，你可以在select标签上使用v-model。 <a-row> <a-col :span="12"> <a-for.
    表单重置
    小猪奋斗
    11-15 763
    由于JQuery中，提交表单是像下面这样的： $('#yigeform').reset(); 但是，不幸的是，这样写的话，会有一个让你很郁闷的结果，那就是，表单无法重置！ 后来，兴冲冲的查看了JQuery文档，JQuery中并没有reset方法！ 那有么没有办法通过JQuery来重置表单呢，答案是有的，不过是一种间接的方法。 如下，因为Form表单元素自带reset()方法： $('#formI...
    jquery 将下拉框重置_select下拉框之默认选项清空
    weixin_36080584的博客
    01-27 4954
    最近和小伙伴发现，select默认选项一般是提示信息，怎么才能让当我们点击下拉框时，可选的选项中没有默认的提示信息呢？思路：1.当点击下拉框时，让默认提示信息，即下拉框第一个选项移除。2.当没有选中下拉框的信息时，让默认提示信息添加到下拉框的第一个选项上。标准select下拉框请选择javajavaScriptvuebootStrapspringMvc$(function () {$("#skil...
    select重置清空以选取条件
    热门推荐
    qq_21246715的博客
    03-09 1万+
    $("#selkk").each(function (i, j) { $(j).find("option:selected").attr("selected", false); $(j).find("option").first().attr("selected", true); });
    <html:select>的重置问题
    g_idea的专栏
    08-03 4324
    学习做一个jsp页面，其中需要重置按钮，但有些值要保留。 因此，用js做了一个清空处理。其中的清空找了很久才找到。 function onClear() { var inputElements = document.getElementsByTagName("input"); var selectElements = document.getElementsByTagName(
    select 标签重置
    E770679957的专栏
    11-08 4896
    select标签重置
    antd vue 多级select框实现与已选择内容重置
    u012914342的博客
    03-14 1642
    需求：用axios请求数据1并在第一个select框中展现，当选择后请求数据2并在第二个select框中展现...以此类推。当上级框重新选择时需要重置所有下级select框并重新读取数据 template部分： data部分： mounted部分： method部分： 总结： @change可以接收选择框value值 使用v-model可以很好的解决select已选择项的重置问题 ...
    重置select下拉选项
    hellohicsdn的博客
    04-11 3727
     $("#conserate_term").val("0");$("#select的id").val("option选项第一个的value")
    动态select可搜索的下拉框，重置chosen
    qq_37752382的博客
    07-06 999
    1、效果图 2、代码 1）html <div class="col-sm-4"> <select id="childId" name="childId" class="form-control "> </select> </div> 2）js $.ajax({ cache : false, type : "GET", url : "/xxx, dataTYPE:"json",
    select下拉框重置
    weixin_33387378的博客
    10-31 6061
    $('#exId').select2("val", ""); $("select:first option:first").attr("selected",true).siblings("option").attr("selected",false); // $("select:first option:first").prop("selected&quot
    评论
    添加红包

    请填写红包祝福语或标题

    个

    红包个数最小为10个

    元

    红包金额最低5元

    当前余额3.43元 前往充值 >
    需支付：10.00元
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付元
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明：

    1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

    余额充值