Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/solr/3.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_Selected - Fatal编程技术网

Javascript 如何在文本字段中显示所有选定选项

Javascript 如何在文本字段中显示所有选定选项,javascript,selected,Javascript,Selected,如何让我的javascript在de文本字段中显示多个选定项?我正计划添加多个,这样我就不想创建一个疯狂的长数组了 函数myFunction(){ var skilllist=document.getElementById(“skilllist”); console.log(skilllist.selectedIndex); document.getElementById(“skillfield”).value=skilllist.options[skilllist.selectedIndex

如何让我的javascript在de文本字段中显示多个选定项?我正计划添加多个,这样我就不想创建一个疯狂的长数组了

函数myFunction(){
var skilllist=document.getElementById(“skilllist”);
console.log(skilllist.selectedIndex);
document.getElementById(“skillfield”).value=skilllist.options[skilllist.selectedIndex]。文本;
}

选择您喜爱的浏览器:
HTML
CSS
Javascript
PHP
拉维尔
wordpress
jouw skills zijn:


我建议在select元素中添加
blur
事件的事件处理程序。
使用这种方法,您可以选择一个或多个列表项并动态呈现其文本内容

document.getElementById("skilllist").addEventListener('blur', function(e){

   var options = e.target.options,
       selected_content = "";

   for (var i = 0; i < options.length; i++) {
       if (options[i].selected) selected_content += options[i].textContent + ", ";
   }    

   document.getElementById("skillfield").value = selected_content;

});
document.getElementById(“skilllist”).addEventListener('blur',函数(e){
var options=e.target.options,
所选内容=”;
对于(变量i=0;i

对于移动设备:尝试将事件名称
'blur'
替换为
'focusout'
(或
addEventListener
函数中的
'change'


我建议在select元素中添加
blur
事件的事件处理程序。
使用这种方法,您可以选择一个或多个列表项并动态呈现其文本内容

document.getElementById("skilllist").addEventListener('blur', function(e){

   var options = e.target.options,
       selected_content = "";

   for (var i = 0; i < options.length; i++) {
       if (options[i].selected) selected_content += options[i].textContent + ", ";
   }    

   document.getElementById("skillfield").value = selected_content;

});
document.getElementById(“skilllist”).addEventListener('blur',函数(e){
var options=e.target.options,
所选内容=”;
对于(变量i=0;i

对于移动设备:尝试将事件名称
'blur'
替换为
'focusout'
(或
addEventListener
函数中的
'change'


是否可以实时执行此操作,以便您不必单击文本字段?在上述方法中,您不必“单击文本字段”,只需从选择框中“聚焦”,该操作将指示您已更改(选定)SelectBox中的某些内容我也在尝试让它在移动设备上工作,但您需要再次点击屏幕以更改焦点。您知道如何更改它吗?@RemcoHorters,对于移动设备:尝试将事件名称
'blur'
替换为
'focusout'
(或
'change'
)在
addEventListener中
function@RemcoHorters,谢谢,我已经在答案的内容中添加了我最后的建议。是否可以实时执行此操作,以便您不必单击文本字段?在上述方法中,您不必“单击文本字段”,只需从选择框中“聚焦”即可,该操作将表明您已更改(选择)了SelectBox中的某些内容。我正在尝试使其在移动设备上工作,但您需要再次点击屏幕以更改为焦点。您知道如何更改吗?@RemcoHorters,对于移动设备:尝试将事件名称
'blur'
替换为
'focusout'
(或
addEventListener
function@RemcoHorters,谢谢,我已经在答案的内容中添加了我最后的建议