今天页面上一个添加列内容时,要对选择内容与之前已有选项内容作对比,防止用户重复选择内容

[jquery]添加行内容后根据下拉菜单选择内容对比之前已有选项,若有重置再提示

页面HTML代码

<ul class="list-group xj-list-NObor xj-configuration-list">
    <li class="list-group-item clearfix">
        <div class="col-lg-1 xj-label-height xj-paddingRight0">选择字段:
        </div>
        <div class="col-lg-2 xj-paddingLeft0">
            <a class="btn-select fl" id="btn_select02">
                <div class="btn-select-div clearfix">
                    <span class="cur-select">请假人</span>
                    <span class="cur-select-icon"><img src="images/ico-arrow.png" width="10" height="5"></span>
                </div>
                <select name="bill_type_id" id="bill_type_id" data-val=""><option value=""></option><option value="4">票据类型1</option><option value="5">票据类型2</option></select>
            </a>
        </div>
        <div class="col-lg-1 xj-label-height text-right xj-paddingRight0">选择搜索控件类型:
        </div>
        <div class="col-lg-2">
            <a class="btn-select fl" id="btn_select02">
                <div class="btn-select-div clearfix">
                    <span class="cur-select">关键字精确搜索</span>
                    <span class="cur-select-icon"><img src="images/ico-arrow.png" width="10" height="5"></span>
                </div>
                <select name="bill_type_id" id="bill_type_id" data-val=""><option value=""></option><option value="4">票据类型1</option><option value="5">票据类型2</option></select>
            </a>
        </div>
        
        <div class="col-lg-1 pull-right text-right"><a class="btn btn-default xj-btn xj-btn-normal soaDelete"  href="javascript:;">删除</a>
        </div>
    </li>
    <li class="list-group-item clearfix">
        <div class="col-lg-1 xj-label-height xj-paddingRight0">选择字段:
        </div>
        <div class="col-lg-2 xj-paddingLeft0">
            <a class="btn-select fl" id="btn_select02">
                <div class="btn-select-div clearfix">
                    <span class="cur-select">请假原因</span>
                    <span class="cur-select-icon"><img src="images/ico-arrow.png" width="10" height="5"></span>
                </div>
                <select name="bill_type_id" id="bill_type_id" data-val=""><option value=""></option><option value="4">票据类型1</option><option value="5">票据类型2</option></select>
            </a>
        </div>
        <div class="col-lg-1 xj-label-height text-right xj-paddingRight0">选择搜索控件类型:
        </div>
        <div class="col-lg-2">
            <a class="btn-select fl" id="btn_select02">
                <div class="btn-select-div clearfix">
                    <span class="cur-select">关键字模糊搜索</span>
                    <span class="cur-select-icon"><img src="images/ico-arrow.png" width="10" height="5"></span>
                </div>
                <select name="bill_type_id" id="bill_type_id" data-val=""><option value=""></option><option value="4">票据类型1</option><option value="5">票据类型2</option></select>
            </a>
        </div>
        
        <div class="col-lg-1 pull-right text-right"><a class="btn btn-default xj-btn xj-btn-normal soaDelete"  href="javascript:;">删除</a>
        </div>
    </li>
    
    <li class="list-group-item clearfix">
        <div class="col-lg-1 xj-label-height xj-paddingRight0">选择字段:
        </div>
        <div class="col-lg-2 xj-paddingLeft0">
            <a class="btn-select fl" id="btn_select02">
                <div class="btn-select-div clearfix">
                    <span class="cur-select">审批状态</span>
                    <span class="cur-select-icon"><img src="images/ico-arrow.png" width="10" height="5"></span>
                </div>
                <select name="bill_type_id" id="bill_type_id" data-val=""><option value=""></option><option value="4">票据类型1</option><option value="5">票据类型2</option></select>
            </a>
        </div>
        <div class="col-lg-1 xj-label-height text-right xj-paddingRight0">选择搜索控件类型:
        </div>
        <div class="col-lg-2">
            <a class="btn-select fl" id="btn_select02">
                <div class="btn-select-div clearfix">
                    <span class="cur-select">字段内容筛选</span>
                    <span class="cur-select-icon"><img src="images/ico-arrow.png" width="10" height="5"></span>
                </div>
                <select name="bill_type_id" id="bill_type_id" data-val=""><option value=""></option><option value="4">票据类型1</option><option value="5">票据类型2</option></select>
            </a>
        </div>
        <div class="col-lg-1 xj-paddingLeft0">
         
        <a class="btn-select fl btn-select-n" id="btn_select02">
                <div class="btn-select-div clearfix">
                    <span class="cur-select">日期</span>
                    <span class="cur-select-icon"><img src="images/ico-arrow.png" width="10" height="5"></span>
                </div>
                <select name="bill_type_id" id="bill_type_id" data-val="">
                    <option value=""></option>
                    <option value="4">票据类型1</option>
                    <option value="5">票据类型2</option>
                </select>
            </a>
        
        </div>
        <div class="col-lg-1 pull-right text-right"><a class="btn btn-default xj-btn xj-btn-normal soaDelete"  href="javascript:;">删除</a>
        </div>
    </li>
    <li class="list-group-item clearfix">
        <div class="col-lg-1 xj-label-height xj-paddingRight0">选择字段:
        </div>
        <div class="col-lg-2 xj-paddingLeft0">
            <a class="btn-select fl" id="btn_select02">
                <div class="btn-select-div clearfix">
                    <span class="cur-select">提交时间</span>
                    <span class="cur-select-icon"><img src="images/ico-arrow.png" width="10" height="5"></span>
                </div>
                <select name="bill_type_id" id="bill_type_id" data-val=""><option value=""></option><option value="4">票据类型1</option><option value="5">票据类型2</option></select>
            </a>
        </div>
        <div class="col-lg-1 xj-label-height text-right xj-paddingRight0">选择搜索控件类型:
        </div>
        <div class="col-lg-2">
            <a class="btn-select fl" id="btn_select02">
                <div class="btn-select-div clearfix">
                    <span class="cur-select">时间段搜索</span>
                    <span class="cur-select-icon"><img src="images/ico-arrow.png" width="10" height="5"></span>
                </div>
                <select name="bill_type_id" id="bill_type_id" data-val=""><option value=""></option><option value="4">票据类型1</option><option value="5">票据类型2</option></select>
            </a>
        </div>
        
        <div class="col-lg-1 pull-right text-right"><a class="btn btn-default xj-btn xj-btn-normal soaDelete"  href="javascript:;">删除</a>
        </div>
    </li>
    <li class="list-group-item clearfix">
        <div class="col-lg-2 pull-right text-right">
            <button type="button" id="addList" class="btn btn-primary xj-btn xj-btn-primary xj-btn-primary-lg">添加搜索项</button>
        </div>
    </li>
</ul>
View Code

相关文章:

  • 2021-10-26
  • 2021-10-21
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-01
  • 2022-12-23
猜你喜欢
  • 2021-12-10
  • 2021-08-15
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案