当前位置: 首页 > 编程笔记 >

bootstrap下拉框动态赋值方法

皮安顺
2023-03-14
本文向大家介绍bootstrap下拉框动态赋值方法,包括了bootstrap下拉框动态赋值方法的使用技巧和注意事项,需要的朋友参考一下

以前一直使用easyui,发现越来越跟不上现在前端的一些技术,所以改用bootstrap,然后发现好多包括简单的下拉赋值都不会了,这里上网找了下,然后发现下面这个不错,用上了,特此记录一下

 <script type="text/javascript">
 /** 
  */ 

  window.onload = function () {
   showsmsselect(); 
  }

  function showsmsselect() { 
   $.ajax({ 
    url : "${pageContext.request.contextPath}/user/finduserRealName.do", //所需要的列表接口地址 
    type : "get", 
    dataType : "json", 
    success : function(result) { 
      var h = ""; 
      $.each(result, function(key, value) {

       h += "<option value='" + value.id + "'>" + value.realname //下拉框序言的循环数据
       + "</option>"; 
      }); 
      $("#addrole").append(h);//append 添加进去并展示 
      $("#addrole").on( 
        "change", 
        function(a, b, c) { 
         $("#contentID").val( 
           $("#addrole option:selected").val());

         $("#contentName").val( 
           $("#addrole option:selected").text());

        }) 
    } 
   }); 
  } 

 </script>

以上这篇bootstrap下拉框动态赋值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍bootstrap动态调用select下拉框的实例代码,包括了bootstrap动态调用select下拉框的实例代码的使用技巧和注意事项,需要的朋友参考一下 html代码: JS代码: 这样就可以了。 以上这篇bootstrap动态调用select下拉框的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 我正在设计一个网站。在我的网站,我想创建这样一个菜单,其中导航栏将包含这样一个ul,哪个类将是导航导航栏-导航导航栏-右。缩小页面大小后,此时会出现下拉按钮。然后,如果用户单击按钮,在出现的下拉框中li项应该向左浮动,这意味着ul类将是nav navbar-nav navbar-左。我该怎么做呢?我试过jQuery。但是在这种情况下,在页面返回到其原始大小后,ul不会返回到其原始的nav navb

  • 本文向大家介绍Bootstrap 下拉多选框插件Bootstrap Multiselect,包括了Bootstrap 下拉多选框插件Bootstrap Multiselect的使用技巧和注意事项,需要的朋友参考一下 引入文件: 使用 jsp页面 js:  $("#user_role").multiselect({  //分别为控制下拉容器最大高度、最多允许具体展示选中项数(其余以数字形式展示)、隔

  • 本文向大家介绍bootstrap中selectpicker下拉框使用方法实例,包括了bootstrap中selectpicker下拉框使用方法实例的使用技巧和注意事项,需要的朋友参考一下 前言 最近一直在用bootstrap 的一些东西,写几篇博客记录下。。。。 bootstrap selectpicker是bootstrap里比较简单的一个下拉框的组件,先看效果如下: 附上官网api链接,htt

  • 本文向大家介绍jQGrid动态填充select下拉框的选项值(动态填充),包括了jQGrid动态填充select下拉框的选项值(动态填充)的使用技巧和注意事项,需要的朋友参考一下 本文给大家分享一段代码关于技巧jqgrid动态填充select 下拉框的选项值,非常不多说了,直接给大家贴代码了,具体代码如下所示: 注意:要return以及async:false否则没有效果 在colModel:中设置

  • 本文向大家介绍Bootstrap框架下下拉框select搜索功能,包括了Bootstrap框架下下拉框select搜索功能的使用技巧和注意事项,需要的朋友参考一下 之前用Easyui框架下做的下拉框选择,虽然可以搜索,但是有诸多的不便:比如,不能模糊匹配,必须按照第一个字母来搜索 心血来潮,想换个框架写后台,然后用Bootstrap搭了个架子,然后两种样式冲突,百度了一把,找到了另一个牛逼的基于B