Question

JS如何获取动态select值（我写的是点击添加）

页面：

JS代码：
function add(){ var gname=document.getElementById("gname").text; var num=document.getElementById("num").value; var table=document.createElement("Tab"); var tr=document.createElement("tr"); var enter=new Array(); enter[0]=document.createTextNode(gname); enter[1]=document.createTextNode(num); for(var i=0;i<enter.length;i++){ var td=document.createElement("td"); td.setAttribute("align","center"); td.colSpan = 3; td.appendChild(enter[i]); tr.appendChild(td); } var newtd=tr.insertCell(); newtd.innerHTML='<a href="javascript:void(0)" onclick="delIndex(this)">删除</a>'; document.getElementById("Tab").appendChild(tr); }
JSP：





Answer 1

var gname=document.getElementById("gname").text;

这句不对。应该是

var gname = document.getElementById("gname").value;

不过这样，你拿到的只是选中的id，所以这下很麻烦，你用原生的JS还需要

var gnameOptions = document.getElementById("gname").getElementsByTagName('option');

然后遍历一遍，找出符合的id

for (var i = 0; i < gnameOptions.length; i += 1) {
    if (gnameOptions[i].value === gname) {
        gname = gnameOptions[i].innerHTML;
        break;
    }
}