HTML在javascript中获取选项值

HTML get option value in javascript

本文关键字：选项 获取 javascript HTML      更新时间：2023-09-26
    <select id="ChangeViewId" onChange="changeView(this)"></select>
   function setView() {
 ..................... 
   var innerCode = '';
    for(i=0; i<viewList.length; i++) {                      
      innerCode += "<option value="+viewList[i]+">"+viewList[i]+"</option>";
     }
        document.getElementById("ChangeViewId").innerHTML=innerCode;
    }
function changeView(view)
    {       
        alert(document.getElementById('ChangeViewId').value);
    }

取值为C、Cpp、Java program。当我选择Java程序时，只有Java显示我想要完整的值Java程序。我已经尝试过onSelect和onClick

脚本生成以下HTML:

<option value=Java program>Java program</option>

也就是一个选项标签，它的值是"Java"，属性是"program"。您需要在值

周围添加引号。
innerCode += '<option value="'+viewList[i]+'">'+viewList[i]+"</option>";

应该可以了

function setView() 
{
   var innerCode = '';
   for(i=0; i< viewList.length; i++) 
   {                      
      innerCode += '<option value="'+viewList[i]+'">' + viewList[i] + '</option>';
   }
   document.getElementById("ChangeViewId").innerHTML=innerCode;
}
function changeView(view)
{       
    var objSel = document.getElementById('ChangeViewId');
    alert(objSel.options[objSel.selectedIndex].value);
}
相关文章：