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);
         }
}
追问
我不想弹框,我只想传值, 其实我想实现的目的 上次的追问已经告诉你了,我现在给你截个图,看看这个该怎么实现啊,上面是可查询可添加的, 选框和标签就那么几个, 你要有是点时间就把这个整个的html静态给我写个吧剩下的bug我来修改,我现在其实就差这个seect的option值了,不知道怎么获取到。   还有一个问,就是我页面上方 可查询、可添加,我想在它的下面显示添加后的信息列表或者是查询后的信息列表, 给你节截个图
回答
很难和你沟通,你说这么多都不知道说的是什么意思,你要提交到后台处理的东西为什么还要用JS来取值?? 即然你看不懂我写的JS,那你就等别人来帮你解答好了. 我实在是没时间帮你写完一个页.

 

 

 

 

 

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值