javascript-将多个选择作为逗号与选择框分开,并输入文本
作者:互联网
我不懂js.我需要将多个选择作为逗号与选择框分隔成文本输入.
使用纯js,我只发现了与SO相关的问题. Multiple selections into input box
我尝试了该问题中的js代码. (问题JS组合与可接受的答案)
但是我没有实现.
我需要的是例如选择这两个并提交后,将Australia,England打印到文本输入中.
小提琴链接是:
编码
的HTML
<form>
<select id="countries" multiple>
<option value="val0">Australia</option>
<option value="val1">England</option>
<option value="val2">France</option>
</select>
<input type="button" value="Show Index" onclick="showSelected();" />
</form>
<p>selected countries by comma seperated</p>
<form><input type="text" id="txtText" /></form>
JS不成功
function showSelected()
{
var selObj = document.getElementById('countries');
var txtTextObj = document.getElementById('txtText');
var selIndex = selObj.selectedIndex;
txtTextObj.value += selObj.options[selIndex].text +', ';
}
解决方法:
您可以执行以下操作:
var selObj = document.getElementById('countries'),
txtTextObj = document.getElementById('txtText'),
selected = [];
for(var i = 0, l = selObj.options.length; i < l; i++){
//Check if the option is selected
if(selObj.options[i].selected){
selected.push(selObj.options[i].textContent);
}
}
txtTextObj.value = selected.join(', ');
标签:textinput,multiple-select,html,javascript 来源: https://codeday.me/bug/20191028/1954781.html