js如何获取到select的option值？

提问：

 

<form name='frm' action='' method='post'>

<input type='text' name='olala' />

<select name='sele' id='sect'>

<option value='1'>第一名</option>

<option value='2'>第二名</option>

<option value='3'>第三名</option>

<option value='4'>第四名</option>

</select>

</form>

<input type='submit' name='sub' value='查询显示' οnclick="foo()"/>

 

JS<script type="text/javascript">

function foo(){

   var noties = document.frm.olala.value;

      var sel = document.getElementById(select标签？？？)

     var sels = document.getElementsByName('怎么取')}

 

</script>

 

 

回答：

document.getElementById("sect").value  -----这是获得选中的值
document.getElementById("sect").options------这是获得select中所有的值，是个数组

追问

既然是数组，那怎么遍历出来啊， 我这个是专门要获取用户在前台选择什么哪个，获取到我要去数据库里添加，这个就是个字段 你懂？ 写完整点

回答

那你就用第一个叫好啦document.getElementById("sect").value ，这个就获得的是用户选中的值

追问

我要获得option中间的文本，这下理解了吧？

回答

那就应该是
var selectIndex = document.getElementById("sect").selectedIndex;//获得是第几个被选中了
var selectText = document.getElementById("sect").options[selectIndex].text //获得被选中的项目的文本

但我觉得一般都不会这样用的，你既然后台要的是文字，把value字段搞成文字，如“第一名”这样不就好了

 

function foo(){
         var noties = document.frm.olala.value;
         var sel = document.frm.sele.value;  // var sel = document.getElementById('sect').value;
         var sels = document.getElementsByName('sele')[0];  //如果该sele是所有同名控件中的第一个的话.
} 

追问

第二个 sels 出来的是数组， 怎么遍历，详细点， 我上面的那个只是随便写了一个例子而已，其实我现在要做的是， 有一个增加的页面， 有用户名、手机号  还有这个select的标记，我要用js在用户点击提交的时候 我获取到他在前台点击的每个参数值，然后插入到数据库里，你理解嘛？写个详细的小例子，让我明白了就行，谢谢

回答

如果你的SELECT是单选的,不用遍历OPTIONS集合,直接通过SELECT的VALUE属性即可取到用户选择的值.如果是多选,就需要遍历.
function foo(){
         var noties = document.frm.olala.value;
         var sel = document.frm.sele.value;  // var sel = document.getElementById('sect').value;
         for(var i=0;i<document.getElementById('sect').options.length;i++){
            alert(document.getElementById('sect').options(i).selected);
         }
}
提问：
 
<form name='frm' action='' method='post'>
<input type='text' name='olala' />
<select name='sele' id='sect'>
<option value='1'>第一名</option>
<option value='2'>第二名</option>
<option value='3'>第三名</option>
<option value='4'>第四名</option>
</select>
</form>
<input type='submit' name='sub' value='查询显示' οnclick="foo()"/>
 
JS<script type="text/javascript">
function foo(){
   var noties = document.frm.olala.value;
      var sel = document.getElementById(select标签？？？)
     var sels = document.getElementsByName('怎么取')}
 
</script>
 
 
回答：
document.getElementById("sect").value  -----这是获得选中的值
document.getElementById("sect").options------这是获得select中所有的值，是个数组
   
   

    
    
追问
    
    

     
     
既然是数组，那怎么遍历出来啊， 我这个是专门要获取用户在前台选择什么哪个，获取到我要去数据库里添加，这个就是个字段 你懂？ 写完整点
    
    
    
    

   
   
   
   

    
    
回答
    
    

     
     
那你就用第一个叫好啦document.getElementById("sect").value ，这个就获得的是用户选中的值
    
    
    
    

   
   
   
   

    
    
追问
    
    

     
     
我要获得option中间的文本，这下理解了吧？
    
    
    
    

   
   
   
   

    
    
回答
    
    

     
     
那就应该是
var selectIndex = document.getElementById("sect").selectedIndex;//获得是第几个被选中了
var selectText = document.getElementById("sect").options[selectIndex].text //获得被选中的项目的文本

但我觉得一般都不会这样用的，你既然后台要的是文字，把value字段搞成文字，如“第一名”这样不就好了
    
    
   
   
 
function foo(){
         var noties = document.frm.olala.value;
         var sel = document.frm.sele.value;  // var sel = document.getElementById('sect').value;
         var sels = document.getElementsByName('sele')[0];  //如果该sele是所有同名控件中的第一个的话.
} 
   
   

    
    
追问
    
    

     
     
第二个 sels 出来的是数组， 怎么遍历，详细点， 我上面的那个只是随便写了一个例子而已，其实我现在要做的是， 有一个增加的页面， 有用户名、手机号  还有这个select的标记，我要用js在用户点击提交的时候 我获取到他在前台点击的每个参数值，然后插入到数据库里，你理解嘛？写个详细的小例子，让我明白了就行，谢谢
    
    
    
    

   
   
   
   

    
    
回答
    
    

     
     
如果你的SELECT是单选的,不用遍历OPTIONS集合,直接通过SELECT的VALUE属性即可取到用户选择的值.如果是多选,就需要遍历.
function foo(){
         var noties = document.frm.olala.value;
         var sel = document.frm.sele.value;  // var sel = document.getElementById('sect').value;
         for(var i=0;i<document.getElementById('sect').options.length;i++){
            alert(document.getElementById('sect').options(i).selected);
         }
}