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,回顾答案的新部分,我希望它能帮助您。