Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 复选框下拉框,用于以分隔的多个选择;_Javascript_Jquery - Fatal编程技术网

Javascript 复选框下拉框,用于以分隔的多个选择;

Javascript 复选框下拉框,用于以分隔的多个选择;,javascript,jquery,Javascript,Jquery,我试图从下拉列表中创建一个多选复选框,并通过连接所选结果 我的代码如下所示: var myobject={ ValueA:'文本A', ValueB:'文本B', 值C:'文本C', 值为:“文本D”, 值E:'文本E', ValueF:'文本F' }; var select=document.getElementById(“rec_模式”); 用于(myobject中的索引){ select.options[select.options.length]=新选项(myobject[index]

我试图从下拉列表中创建一个多选复选框,并通过
连接所选结果

我的代码如下所示:

var myobject={
ValueA:'文本A',
ValueB:'文本B',
值C:'文本C',
值为:“文本D”,
值E:'文本E',
ValueF:'文本F'
};
var select=document.getElementById(“rec_模式”);
用于(myobject中的索引){
select.options[select.options.length]=新选项(myobject[index],index);
}

查看函数
selectedValue()
,该函数在select更改其值时触发。此外,对于多个值,必须将
multiple
属性添加到select标记

var myobject={
ValueA:'文本A',
ValueB:'文本B',
值C:'文本C',
值为:“文本D”,
值E:'文本E',
ValueF:'文本F'
};
var select=document.getElementById(“rec_模式”);
用于(myobject中的索引){
select.options[select.options.length]=新选项(myobject[index],index);
}
函数selectedValue(){
var selectChilds=document.getElementById(“rec_模式”).childNodes;
var selectedValues=“”;
for(变量i=0;i

也许这是一半的答案,但它可以帮助你:)

var myobject={
ValueA:'文本A',
ValueB:'文本B',
值C:'文本C',
值为:“文本D”,
值E:'文本E',
ValueF:'文本F'
};
$(文档).ready(函数(){
用于(myobject中的索引){
var temp=“
  • ”+索引+”
  • “ document.getElementById(“listOfCheckbox”).innerHTML+=temp; } });
    
    

      谢谢您的回复!你能帮我添加选项旁边的复选框吗?不客气。在选项标记旁边添加复选框将修改HTML结构,因为您必须删除
      select/option
      标记,并使用
      checkbox
      标记。仅使用HTML,您无法在
      选择框中添加
      复选框
      ,而将
      选项
      放在
      旁边。因此,如果您希望有一个新的解决方案来解决这些不便之处,我会在这方面为您提供帮助。嗨,Yulio,如果您能提供帮助,我将不胜感激。嗨@johnbandes,回顾答案的新部分,我希望它能帮助您。