jquery+bootstrap select 清空选中值

拜拜下一个来吧

于 2023-11-09 15:08:13 发布

阅读量443

点赞数

文章标签： jquery bootstrap 前端

本文链接：https://blog.csdn.net/m0_37312185/article/details/134312119

版权

========================= html==============================================
<div class="modal-body">
                <div class="modal-form">
                    <label class="modal-label nes-par">年份：<i class="nes">*</i></label>
                    <input class="for-input form-yearTime form-mar" readonly="readonly" placeholder="请选择年份" id="year">
                </div>
                <div class="modal-form">
 <!-- 这里是重点 -- 清空这个select，id=month 的值 -->
                    <label class="modal-label nes-par">月份：<i class="nes">*</i></label>
                    <select id="month" class="selectpicker show-tick form-control">
                        <option id="">请选择月份</option>
                        <option id="1">1</option>
                        <option id="2">2</option>
                        <option id="3">3</option>
                        <option id="4">4</option>
                        <option id="5">5</option>
                        <option id="6">6</option>
                        <option id="7">7</option>
                        <option id="8">8</option>
                        <option id="9">9</option>
                        <option id="10">10</option>
                        <option id="11">11</option>
                        <option id="12">12</option>
                      </select>
                </div>
                <div class="modal-form">
                    <label class="modal-label nes-par" id="day">休假日期：<i class="nes">*</i></label>
                    <!-- 日期表格 -->
                    <div id="dateBox" class="dateBox"></div>
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="butn nor-btn" id="save">
                    提交
                </button>
                <button type="button" class="butn cal-btn" id="reset">
                    重置
                </button>
            </div>
======================javascript===============================================
              // 重置表单
              $("#reset").click(function () {
                    $("#year").val("");
                     // 重点语句start
                     $("#month").val("");
                     $('#month').selectpicker('refresh')
                     // 重点语句 end
                    // 清空表格数据
                    $("#dateBox").html("");
               });

重点语句

                    // 重点语句start
                     $("#month").val("");
                     $('#month').selectpicker('refresh')
                     // 重点语句 end

参考链接https://blog.csdn.net/LevenLa/article/details/106786503