大致需求为类型限制根据类型获取不同结果列表,再根据模糊查询搜索出结果,效果如下:

aaarticlea/png;base64,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" alt="" />

    那么这里可以得知,选中不同下拉选项请求接口带个type参数返回不同结果,并动态加入select框中。我写了个searchKeywords函数,方便调用。

html源码:

      <div id="isShowDIv">
<div class="control-group">
<label class="control-label">类型限制</label>
<div class="controls">
<input class="span1" type="hidden" value="{$coupon.restrict_type}" name="restrict_type_defult" id="restrict_type_defult" >
<select tabindex="1" name="restrict_type" class="span1 view_topCate" data-placeholder="Select here.." onchange="ShowImage2(parseInt(this.value), 'restricttype');" >
<option value="1" <if condition=" $coupon.restrict_type eq 1 "> selected</if> >专题</option>
<option value="2" <if condition=" $coupon.restrict_type eq 2 "> selected</if> >分类</option>
<option value="3" <if condition=" $coupon.restrict_type eq 3 "> selected</if> >品牌</option>
<option value="4" <if condition=" $coupon.restrict_type eq 4 "> selected</if> >商城</option>
</select>
<input id="searchInput" class="span2" type="text" name="keywords" value="" placeholder="请搜索关键词">
<input class="span1" type="button" value="查询" id="searchBtn">
</div>
</div> <div class="control-group" style="display:block" id="restricttype1">
<label class="control-label">专题</label>
<div class="controls">
<select id="brandListResult1" tabindex="1" class="brandListResult" name="restrict_seminar[]" data-placeholder="Select here.." class="span3" multiple="multiple">
    <foreach name="seminar" item="co">
   <option value="{$co.id}" <range name="co.id" value="$coupon.restrict_seminar" type="in" >selected</range> >{$co.name}</option>
</foreach>
</select>
<div id="selectBtn">
<input type="button" value=" >> " onclick="moveOption(document.getElementById('brandListResult1'),document.getElementById('brandListRight1'))"><br><br>
<input type="button" value=" << " onclick="moveOption(document.getElementById('brandListRight1'), document.getElementById('brandListResult1'))">
</div>
        <select multiple id="brandListRight1" name="restrict_seminar_new[]"
ondblclick="moveOption(document.getElementById('brandListRight1'), document.getElementById('brandListResult1'))">
</select>
<span class="help-inline" style="line-height:100px;color:red;">* 右侧为已选中项</span>
</div>
</div>

js代码:

      function searchKeywords(){
var type=$('select[name=restrict_type] option:selected').val(); //下拉选中type
var keywords=$('#searchInput').val(); //搜索的关键词
$.ajax({
type: "get",
url:"?c=api&a=getSelectByKeywords",
data: {type:type,keywords:keywords},
dataType: "json",
success: function(data){
var html;
$.each(data, function(i, obj) {
html += '<option value="' + obj.id + '">' + obj.name + '</option>'; //循环遍历,拼接
});
$(".brandListResult").html(html);//动态插入html
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert('搜索关键词出错');
}
});
}

最后来个效果展示:

aaarticlea/png;base64,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" alt="" />

最新文章

  1. jQuery的$.ajax
  2. python学习笔记(二)
  3. 关于UIScrollerView的基本用法和代理
  4. JavaScript访问ab页面定时跳转代码
  5. dp跟px的互相转换
  6. 与你相遇好幸运,async解决循环回调问题
  7. document.forms[0].submit object is not a function
  8. ios-为银行卡号格式化 每隔四位添加一个空格
  9. jQuery网页元素拖拽插件
  10. [原]我的CentOS设置
  11. 转发——推荐一些国外高质量Java开发者的博客
  12. js获取url?后的参数
  13. jQuery.on() 函数详解
  14. 如何更快速加载你的JS页面
  15. Elasticsearch聚合——aggregation
  16. C++ 中缀转后缀表达式并求值
  17. Leetcode 686 Repeated String Match
  18. Tronado自定义Form组件
  19. python全栈开发day24-__new__、__del__、item系列、异常处理
  20. DXP中插入LOGO字体方法(2)

热门文章

  1. (转)javascript中return的作用
  2. (转)jquery.validator规则
  3. Starting nagios:This account is currently not available nagios
  4. MySQL中的binlog相关命令和恢复技巧
  5. Ext江湖笔记:JavaScript基本知识点
  6. php访问方法外变量
  7. HAOI 硬币购物
  8. 一个PHP常用表单验证类(基于正则)
  9. discuz php判断是手机访问还是电脑访问网站
  10. DOS头 IMAGE_DOS_HEADER