动态添加name属性相同的select2标签多选下拉框 如何取值和赋值 10C

问题描述:
所有下标值混合一块 ;

需要实现的效果:
心 肺 小肠 对应id 分别1、2、3 作为一组 xuewei_id[0]
第二行 对应下标为 xuewei_id[1]

图片说明

图片说明
图3 这个是直接接受 select2 标签的穴位id

图片说明
js代码

 // 显示修改关键字症状界面
function updateView(id, system_id) {
    $("#btntype").val(1);

    $("#Submit1").click(function() {
        add(1);

    });

    $
            .ajax({
                type : "POST",
                url : "/erzhentang/manage/forAjax.do?requestType=12.1",
                data : "id=" + id + "&system_id=" + system_id, // 发送到服务器的数据默认id是结论id
                success : function(msg) {
                    $("#xuewei_id").val("1,2,3").select2();
                    /* alert(msg); */
                    var json = eval('(' + msg + ')');
                    document.getElementById("addModel").style.display = "block";
                    document.getElementById("id1").value = json.earScanJielun.id;
                    document.getElementById("system_id1").value = json.earScanJielun.system_id;
                    /* 遍历所属系统下所有 耳穴频扫疾病项 */
                    var arrESJ = eval(json.listEarScanJibing);// arrESJ是一个数组
                    var checkESJ = document.getElementById("jibing_num1");
                    var str2 = "";
                    for (var j = 0; j < arrESJ.length; j++) {
                        str2 += "<option value=\"" + arrESJ[j].jibing_num
                                + "\">" + arrESJ[j].name + "</option>";
                        var checkESJ2 = arrESJ[j].name;
                        if (arrESJ[j].jibing_num == json.earScanJielun.jibing_num) {// 疾病编号人为控制每个编号都是唯一
                            arrESJ[j].name = "selected='selected'";
                        }
                        $("#jibing_num1").html(str2);
                    }
                    document.getElementById("jibing_num1").value = json.earScanJielun.jibing_num;
                    document.getElementById("jielun_rank1").value = json.earScanJielun.jielun_rank;
                    document.getElementById("jielun1").value = json.earScanJielun.jielun;
                    /* 下半截部分组合表动态展示修改和添加 */
                    var arrESC = eval(json.listEarScanCp);// arrESC是一个数组频扫结论组合表
                    var str = "";
                    var str1 = "";
                    for (var i = 0; i < arrESC.length; i++) {
                        str += "<tr>";
                        str += "<td colspan=\"8\">";
                        str += "<div style=\"margin-left: 148px;\" id=\"earScanCp\">";
                        str += "<div style=\"float: left;\">";
                        str += "<textarea style=\"width: 50px;margin-left: -86px;position: absolute;\" id=\"cp_id\" name=\"cp_id\" >"
                                + arrESC[i].id + "</textarea>";
                        str += "<select style=\"width: 60px;height: 36px;margin-left: 20px;\" id=\"gender\" name=\"gender\" >"
                        var myselect = document.getElementById("gender");// 这个获取的是静态jsp页面里标签
                        /*
                         * 下拉框主要是应展示项和所有下拉选项的值判断是否对应 分清主和客
                         * 所有展示项目为主表客表的某一项值和遍历主表的值对应 这里面 下拉框所有选项值是主表
                         */
                        var str1 = "";
                        for (var j = 0; j < myselect.options.length; j++) {// 下拉框是主家从静态页面获取并且遍历它
                            // alert("j值:" + myselect.options[j].value);
                            str += "<option value=\""
                                    + myselect.options[j].value
                                    + "\" "
                                    + (myselect.options[j].value == arrESC[i].gender ? "selected='selected'"
                                            : "") + ">"
                                    + myselect.options[j].text + "</option>";
                        }
                        "</select>";
                        str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"min_age\" name=\"min_age\" >"
                                + arrESC[i].min_age + "</textarea>";
                        str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"max_age\" name=\"max_age\" >"
                                + arrESC[i].max_age + "</textarea>";
                        // str += "<textarea style=\"width:
                        // 300px;margin-left:10px;\" id=\"xuewei_id\"
                        // name=\"xuewei_id\" >"
                        // + arrESC[i].xuewei_id + "</textarea>";
                        // str +="<div id=\"selectSection\">";
                        /*
                         * id=\"xuewei_id\"
                         */
                        str += "<textarea  style=\"width:300px;margin-left:10px;display:none;\" id=\"xuewei_id1\" name=\"xuewei_id1\" >"
                                + arrESC[i].xuewei_id + "</textarea>";
//                      str += "<div id=\"selectSection\" name=\"selectSection\">";
                        str += "<select style=\"width: 300px;margin-left:10px;\"  name=\"xuewei_id\"class=\"combox\" multiple >"
                        str += "<optgroup label=\"小辈儿组\">";
                        str += "<option value=\"1\" " + "selected='selected'"
                                + ">心</option>";
                        str += "<option value=\"2\" " + "selected='selected'"
                                + ">" + "肺" + "</option>";
                        str += "<option value=\"3\" " + "selected='selected'"
                                + ">" + "小肠" + "</option>";
                        str += "<option value=\"4\">" + "口" + "</option>";
                        str += "<option value=\"5\">" + "食道" + "</option>";
                        str += "</optgroup>";
                        // str += "</div>";
                        /* 进一步转换频扫组合表穴位id字符串转array数组 */

                        /*
                         * var strXueweiId = arrESC[i].xuewei_id; var
                         * arrayXueweiId = strXueweiId.split(",");
                         * 
                         * for (var j = 0; j < arrayXueweiId.length; j++) { str2 += "<option
                         * value=\"" + arrayXueweiId[j].value + "\">" +
                         * arrayXueweiId[j].value + "</option>"; var checkESJ2 =
                         * arrayXueweiId[j].name; if (arrayXueweiId[j] == 5) {
                         * arrayXueweiId[j] = "selected='selected'"; }
                         * $("#jibing_num1").html(str2); }
                         */
                        "</select>";
                        //
                        // $("#xuewei_id").val("1,2,3").select2();

                        str += "<textarea style=\"width: 220px;margin-left: 10px;\" id=\"chuzhen_id\" name=\"chuzhen_id\" >"
                                + arrESC[i].chuzhen_id + "</textarea>";
                        str += "<select style=\"width: 60px;height: 36px;margin-left: 10px;\" id=\"bp\" name=\"bp\" >"
                        var myselect1 = document.getElementById("bp");// 这个获取的是静态jsp页面里标签
                        for (var k = 0; k < myselect1.options.length; k++) {// 下拉框是主家从静态页面获取并且遍历它
                            // alert("j值:" + myselect1.options[k].value);
                            str += "<option value=\""
                                    + myselect1.options[k].value
                                    + "\" "
                                    + (myselect1.options[k].value == arrESC[i].bp ? "selected='selected'"
                                            : "") + ">"
                                    + myselect1.options[k].text + "</option>";
                        }
                        "</select>";
                        str += "<textarea style=\"width: 50px; height: 36px;margin-left: 10px;margin-top: 0px;\" id=\"jielun_conform\" name=\"jielun_conform\">"
                                + arrESC[i].jielun_conform + "</textarea>";
                        str += "</div>";
                        str += "<div >";
                        str += " <input type=\"button\" onclick=\"delRow(this,"
                                + arrESC[i].id
                                + ","
                                + arrESC[i].bianzhengId
                                + ")\" value=\"删除\" id=\"deleteESC\" name=\"deleteESC\" style=\"float: left; margin-left:10px; margin-top: 5px;\">";
                        str += "</div>";
                        str += "</div>";
                        str += "</td>";
                        str += "</tr>";
                        /* 替换静态页面 */
                        $("#tbody1").html(str);

                        select2Execute();
                    }

                }
            });
}

执行select2方法

 /* 执行select2方法 */
function select2Execute() {

    $(function() {

        $("select[name='xuewei_id']").select2({
            // $('select[id="xuewei_id"]').select2({
            // $('#xuewei_id').select2({
            // $("#selectSection").find("select.combox").select2({
            // $(".select2-selection__choice").select2();
            // $(".combox").select2({

            placeholder : "请至少选择一个人名",
            tags : true,
            createTag : function(decorated, params) {
                return null;
            },
            width : '256px'
        });

        function formatState(state) {
            if (!state.id) {
                return state.text;
            }
            var $state = $('<span>' + state.text + '</span>');
            return $state;
        }
        ;

        $('#sel_recommender').select2({
            placeholder : "请选择一个人名",
            templateResult : formatState,
            width : '256px'
        });
        alert($("select[name='xuewei_id']").select2('data')[0].text);

        // $("#selectSection").find("select.xuewei_id").val();
        // document.getElementById("selectSection").value=$("select[name='xuewei_id']").select2('data');
        $("#xuewei_id1").val(
                $("select[name='xuewei_id']").select2('data'));//赋值给textarea隐藏的标签
        alert($("#xuewei_id1").val());
    });
}
0

3个回答

把一组数据拼接成的ID拼接成一个字符串(需要能识别这个ID代表的是什么数据),用一定的分隔符分开,这样就跟别的ID一样了,之后后台解析。

0

取值:$("select[name=xx]").value()
赋值:$("select[name=xx]").value(targetValue)

0
给html自定义一个标签叫 name-re

var m1 = $("select[name-re='1']").val();取值
var m2 = $("select[name-re='1']").val('123'); //赋值
0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
select2多选设置select多选,select2取值和赋值
select2设置select多选,select2取值和赋值,作为筛选条件的时候,取值相对简单,把选中的id值转为字符串传给后端查询,查询之后会刷新页面,为了在下拉框中显示刚刚选中的值,就需要给select赋值,可以将刚才传给后端的字符串再传回前端,然后转为一位数组,再赋值给select2就会显示刚刚选中的值,赋值方法:$('#id').val(arr).trigger('change'),id为...
select2表单带出编辑,多选赋值问题
最后实在解决不了 所以用本办法解决了。。 主要是initSelection 初始化选择 在标签没有值的时候initSelection不会走,只有有值的时候才会走,刚好满足编辑时显示值,添加时不影响
Select2 多选框
1. 引入select,官网可以下载 2. 页面使用,select标签,本人用的velocity #foreach($bdoPO in $cateList) $bdoPO.cateName #end
bootstrap select 多选的用法,取值和赋值(取消默认选择第一个的对勾)
h5自带的select标签可以实现按住ctrl键多选的功能,但是样式及其难看。 bootstrap select是很好用的前端插件 首先引入bootstrap和bootstrap-select的css和js 下载地址:https://download.csdn.net/download/lianzhang861/10617543 &amp;lt;link rel=&quot;stylesheet&quot; h...
select2 多选取值、赋值
//多选取值 function getMultiSelectVal(id) { return $.map($(&amp;amp;amp;amp;amp;quot;#&amp;amp;amp;amp;amp;quot; + id).select2('data'), function(value) { return value.id }).join(&amp;amp;amp;amp;amp;quot;,&amp;amp;amp;amp;amp;quot;); } //多选赋值 /
Bootstrap Multiselect 动态二联赋值 支持多选
在用Bootstrap Multiselect 动态二联赋值的时候,从后台传来的值,给动态赋值,解决办法,此办法是在网上看了很久,找到一位兄台解决的,此记录作为自己以后复查, 效果图如下: 源码如下: 引入js文件 jsp中页面源码:
select2 动态下拉框插件以及开发心得
select2 动态下拉框插件以及开发心得
select值和自定义属性取值
第一种取值 [code=&quot;java&quot;] $('#select1').find(&quot;option:selected&quot;).attr(&quot;自定义属性&quot;) $('#teacher').val() $('#teacher').find(&quot;option:selected&quot;).text(), 取名称 [/code] 第二种取值 属性定义的是data-xxx [code=&quot;java&quot;] $(...
jquery select2插件初始化时赋多个值
select2插件初始化时如何赋多个值? var ch_num = $("input[name='media_chn_num']").val().split(","); $("#chn_num_android").select2({ placeholder:'请选择渠道',
关于bootstrap框架中select2的多选问题
1.类似普通select 标签一样 select id="user_Level" class="form-control" multiple="multiple"> option value="10">VIPoption> option value="20">管理级别option> option value="30">成员option> select> 唯一区别就是
select2控件动态更新option
根据输入框中内容,动态更新select2组件中option内容 监听输入框内容变化事件,先销毁原有select2组件,再重新初始化select2组件
select2初始化默认选中值(多选)
  之前用select2初始化默认值使用了select2('val','1'),这样做没问题,但只能用在单选上,多选的话,即使将val后面的值改成数组['0', '2']这种形式也没用。 &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; $(document).ready(function() { var data = [{ id: 0, text...
select2多选下拉功能
AngularJS完成select2多选下拉功能1、引入js及css资源2、页面添加select标签 1、引入js及css资源 // An highlighted block &amp;amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;../plugins/select2/select2.css&amp;quot; /&amp;amp;gt; &amp;amp;lt;link rel=&amp;quot;stylesheet
Select2控件的多选
Select2的多选 控件添加一个属性multiple=”multiple” 页面元素 &amp;lt;select path=&quot;samplingOprator&quot; placeholder=&quot;请选择&quot; multiple=&quot;multiple&quot;&amp;gt; &amp;lt;c:forEach items=&quot;${personInfoList}&quot; var=&quot;s&quot;&amp;gt;
JQuery中使用select2插件功能之自动完成下拉框动态加载匹配(本地数据与远程数据结合)
前言 最近项目中遇到一个问题:前端加载页面的时候某些页面加载速度很慢,耗时很久;有些页面加载的飞快;因为上面所说的页面都是由同一个程式动态生成的,利用多线程同步机制完成不同的前端页面;因此当时就断定不是程式的大问题;应该是处理数据部分存在问题;在chrome浏览器一测;还真的是大数据的问题;进入页面就加载大批量数据进来;不仅增加数据库的负担 ,前后端处理数据也会造成一定的压力;因为有些函数把这些大...
使用select2下拉框ajax加载数据时,编辑赋值的方法
最近在做一个项目,项目地址: https://github.com/wangyuanjun008/wyj-parent.git 使用bootstrap select2下拉框插件,ajax从后台加载数据,保存编辑后,不知道怎么为下拉框赋值,下拉框代码如下: 使用状态: $("#sel_status").select2({ placeholder : "--请选择--", dr
获取多选下拉框(select标签设置multiple属性)的值
&amp;lt;select multiple&amp;gt;不能直接获取value,需要借助该元素的options属性。如下: &amp;lt;select id=&quot;select&quot; multiple&amp;gt; &amp;lt;option value=&quot;1&quot;&amp;gt;1111&amp;lt;/option&amp;gt; &amp;lt;option value=&quot;2&quot;&amp;gt;2222&amp;lt;/op
关于select标签多选功能的select-2样式的清空选中项
今天说的就是select标签的多选功能的 使用,使用select2组件完成多选。下面是我们需要引入的文件JQuery最好大于等9,要不会有一些特效无法使用&amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;select2.min.css&quot;&amp;gt; &amp;lt;script type=&quot;text/javascript&quot; src=&quot;jquery-11.3.m
你知道吗,如何使用select2插件实现下拉框一次性选多个值、以及数据的回显
页面展示标签&amp;lt;td class=&quot;vatop rowform&quot; style=&quot;width:auto;&quot;&amp;gt;                    &amp;lt;select style=&quot;width: 285px;&quot; class=&quot;combox&quot; name=&quot;investmentMethod&quot; id=&quot;investmentMethod&quot; multiple   
使用select2实现多功能下拉框,select2中文api
最近项目中有个需求是商品能够选择多个标签,类似jire中选择标签: 能把选择后选项显示在输入框中,删除时连同整个标签一起删。经过网上咨询、请教同事后,得到一致意见是使用select2。 下面是使用select2的初始化、动态赋值,实现标签化多选、以及遇到的问题: 1,从http://select2.github.io/examples.html处下载select2源码,把dist目录
下拉多选select2
方式一 &amp;lt;script type=&quot;text/javascript&quot; src=&quot;/wd/js/jquery-1.9.1.js&quot; &amp;gt;&amp;lt;/script&amp;gt; &amp;lt;link href=&quot;https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css&quot; rel=&quot;stylesheet&q
select2初始化默认值问题(可用)
需求 在使用下拉框保存数据的时候,需要重新修改数据,这时候就需要上次保存的数据,但是select2初始化赋值不知道怎么写 所以百度找到了这种方法 $(function() { $(&amp;quot;#depot&amp;quot;).select2({ language : 'zh-CN', placeholder:&amp;quot;请选择仓库&amp;quot;,//文本框的提示信息 type: 'G...
Bootstrap select多选 动态赋值
最近一直在用bootstrap 的一些东西,写几篇博客记录下。。。。 bootstrap selectpicker是bootstrap里比较简单的一个下拉框的组件,先看效果如下: 附上官网api链接,http://silviomoreto.github.io/bootstrap-select/. (官方示例好像出问题了,最近一直看不到) 下拉框的使用上基本操作
解决select2默认赋值问题
1、数据来源于静态数据 $(&quot;.test&quot;).select2({ width: &quot;100%&quot;, minimumResultsForSearch: -1, data:[{id:1,name:1},{id:2,name:2}, {id:3,name:3},{id:4,name:4}, ...
select2单选下拉赋值
[code=&quot;html&quot;] [/code] [code=&quot;js&quot;] $(&quot;#proviceEdit&quot;).select2(&quot;data&quot;,{ id: 0, text: '初始值'}); [/code]
HTML&CSS基础学习笔记1.24-input标签的单选与多选
html用<input>标签来实现单选框和多选框
select2 bootstrap-select2() 下拉列表模糊查询
当我们的下拉列表数据很多的时候 ,用下拉列表就没那么人性化了,bootstrap-select插件的模糊搜索功能便可以解决这个问题如下图(先看截图效果,再看快速引入): 运用很简单: 1.下载bootstrap 和bootstrap-select 两个插件放入资源文件夹中 2.引入2个css文件和2个js文件 请特别注意引入插件请引用下载的资源,用网络连接会因为网络问题而出错! ...
select2--多选框无法排序问题---手动输入的总排在下拉选择的后面
select2插件效果挺美观,项目中有使用,但是手动输入的总排在下拉选择的后面,无法按照添加选择的顺序排。代码如下://多选$(&quot;#sel_menu3&quot;).select2({ tags: true, placeholder: &quot;请选择&quot;, allowClear: true, //maximumSelectionLength: 7  //最多能够选择的个数});$(&quot;select&quot;).on(&quot;sel...
如何将下拉框相同name存入一个数组
想请问一下如何将相同name存入一个数组,例如choice0-1,combine0-1和tag0-1是一个数组,在将每一行写入一个数组?&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt;    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;    &amp;lt;meta name=&quot;viewport&quot; conten
如何用js实现select下拉框里是树形结构,可复选,select框中传复选所有值?select2tree
从你的图片看应该是jquery-easyui的combotree https://github.com/lonlie/select2tree,这个。 dtree
jeestie框架中下拉框select2的用法
使用select2方法是为了使下拉框带有搜索选项,方便用户选择。使用前就是普通的下拉框,如果下拉的选项很多,你找起来会很费劲,使用select2就可以快速选择到你想要选择的选项了。下面将介绍几个常用的知识。 第一,如何给定普通的下拉框select2权限 1.jeesite框架中普通的下拉框赋select2权限: $("select").select2(); 2.常规的页面...
EasyUI多选下拉框的取值和赋值
@RequestMapping("/getCodeList")  public void getCodeList(HttpServletResponse resp){   ResUtil.resp(resp,JSON.toJSON(bizGuideMapper.getCodeList()).toString().toLowerCase());  } @Select("select
对ACE select的考虑
我在前面的代码里已经展示了使用传统select方式开发并发程序的简单流程和它的便利性。但是,和传统的CApis一样,它也有不方便和不安全的地方。首先fd_set是一个结构,靠着几个外部方法调整内部数据,撇去记忆上的压力,在操作过程中取址、memcpy(我排斥这个方法因为它给我带来很多不易发觉的问题)、轮询等都容易出错,尽管有些编译器可以帮我们诊断问题,但是C++程序员一定想要一个好的封装,这便
下拉选择插件select2赋值、创建、清空
需求效果 赋值数组。$("#select2id").val(tagList).trigger('change'); 清空选项。 $("#select2id").select2("val", " ");  动态创建。 $("#Select2id").html('')                  arr.forEach(e=>{
HTML中select标签单选多选详解
select 元素可创建单选或多选菜单。当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在将 表单数据提交给服务器时包括 name 属性。 一、基本用法:   Volvo   Saab   Opel   Audi 其中,标签可以省掉,在页面中用法 SELECT NAME="studyCenter"
vuejs2.0 select 动态绑定 下拉框 支持多选
select 下拉选择 产品类型:这一项是select 涉及到父子组件信息传递 下面拆开讲解 父组件 &amp;lt;div class=&quot;sales-board-line&quot;&amp;gt; &amp;lt;div class=&quot;sales-board-line-left&quot;&amp;gt; 产品类型: &amp;l...
select2下拉框总结
用了这么久的Select2插件,也该写篇文章总结总结。 在我的印象里Select2有2个版本,最新版本有一些新的特性,并且更新了一下方法参数,比最初版本要好看一些,本文针对新版本。 官网:http://select2.github.io/  由于博客系统的原因,所以只能演示简单的功能。 一.文件需要引入select2.full.js、select2.min.css(
select2下拉多选使用
  官网有https://select2.org/有详细说明,以下例子只是方便以后查询 引入: &amp;lt;link rel=&quot;stylesheet&quot; href=&quot;vendor/jquery/select2/select2.min.css&quot;/&amp;gt; &amp;lt;script src=&quot;vendor/jquery/select2/select2.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;..
关于dijit.form.Select 动态添加等基本操作
在页面中,其用法为: name="select1" data-dojo-type="dijit.form.Select"> value="TN">Tennessee value="VA" selected="selected">Virginia value="WA">Washington value="FL">Florida value="
使用select2实现多选select下拉框
多选标签: 卡卡西 鸣人 佐助 小樱 波风水门 大蛇丸 纲手 自来也 单选标签: 请选择... 卡卡西 鸣人 佐助
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 机器学习大数据标签 数据库课程属性