Javascript 如何在文本字段中显示所有选定选项
如何让我的javascript在de文本字段中显示多个选定项?我正计划添加多个,这样我就不想创建一个疯狂的长数组了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
函数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,谢谢,我已经在答案的内容中添加了我最后的建议