我有如下的下拉列表。
<select id="checkOwner" multiple="multiple" onchange="copyValue()">
<option value="FIRSTNAME">First Name</option>
<option value="LASTNAME">Last Name</option>
</select>我使用下面的javascript添加了复选框
$(function() {
$('#checkOwner').multiselect({
});
});我使用下面的javascript将选定的值复制到文本字段。
function copyValue() {
var dropboxvalue = document.getElementById('checkOwner').value;
document.getElementById('mytextbox').value = dropboxvalue;
}但问题是，这个副本只有一个值。我想复制所有选定的值。我该怎么做呢？
回答 2
Stack Overflow用户
回答已采纳
发布于 2020-06-02 03:20:10
循环该选项并将选定的值放入字符串中，然后将该字符串输出到文本框中
function copyValue() {
var str = "";
for (var option of document.getElementById('checkOwner').options) {
if (option.selected) {
str+= option.value+" ";
}
document.getElementById('mytextbox').value = str;
}
}Stack Overflow用户
发布于 2020-06-02 03:15:44
我的方法是在选项上循环，然后检查条件if isSelected
html
<select name="checkOwner" multiple="multiple" onchange="copyValue(this)">js
const copyValue = me => {
let y = Array.from(document.querySelectorAll('select option')).map(x => x.selected ? x.value : '')
document.getElementById('mytextbox').value = y.join(' ');
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62143980
复制相关文章
点击加载更多
相似问题
获取不带参数的URL路径
获取不带预设参数的整个url
从不带$_GET的URL中获取参数
从不带URL参数的HTML src标记中获取URL
WP获取不带参数的当前类别URL
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
