如何在select标签中动态实现onchange

时间:2013-10-15 08:32:59

标签: javascript select dynamic

这是我的代码的一部分,我动态创建select语句,并在select语句的循环生成选项中。

var el_s = document.createElement('select');        
     for(var i=0;i<32;i++)
     {
       var j = i;
       j = document.createElement('option');
       j.text=i;
       j.name="day";
       el_s.appendChild(j);
      }

在上面的代码我想要2件事     1.如何将“value”属性设置为选择语句
    2.如何在事件“onchange”

上获取所选值

即,当用户从下拉列表中选择存储的值时。

1 个答案:

答案 0 :(得分:0)

你可以试试这个

var el_s = document.createElement('select');
el_s.setAttribute('id','el_s');
 for(var i=0;i<32;i++)
 {

   var  j = document.createElement('option');
   j.text=i;
   j.name="day";
   j.setAttribute("value",i);
   el_s.appendChild(j);

 }
 el_s.setAttribute("onchange", "myFunc()");
 body.appendChild(el_s); // or wherever you want

获取所选元素的值 你可以做到

pName = document.getElementById('el_s');
var value = pName.options[pName.selectedIndex].value;