您现在的位置:主页 > 技术中心 > WEB编程 > JSP

利用js获取select的value和text值

来源:网络 责任编辑:admin 发表时间:2013-07-01 09:12 点击:

Js代码 
<select id = "cityList" > 
<select id = "selectId" > 
   <option value = "0">第0个</option> 
</select> 
 
<script> 
    var selectObj = document.getElementById('selectId'); 
    // 通过对象添加option 
    selectId.add(new Option("第一个","1")) 
    selectId.add(new Option("第二个","2")) 
    // 通过id添加option 
    selectId.add(new Option("第三个","3")) 
    selectId.add(new Option("第四个","4")) 
    // 通过id添加方法(也可以通过对象添加方法) 
    selectId.onchange = function(){ 
        // 通过对象获取value和text 
        alert(selectObj.value); 
        alert(selectObj.options[selectObj.selectedIndex].text); 
        // 通过 id 获取value和text 
        alert(selectId.value); 
        alert(selectId.options[selectId.selectedIndex].text); 
        // 还可以通过this获取value和text 
        alert(this.value); 
        alert(this.options[this.selectedIndex].text); 
    }; 
</script> 

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      评价:
      表情:
      用户名: 验证码:点击我更换图片

      推荐热点

      • JSP与Servlet
      • 自己动手写MiniBBS系列(基本篇)之用户登录
      • JSP取当前日期
      • JDBC 入门(一)
      • 打开一个jsp页面默认查询所有数据,调用action
      • 使用JSP标签库验证用户的输入(2)完
      • 自定义JSP标签(tag)浅议
      • WIN98/2000下的jsp服务器
      • JSP内建对象(二)
      ?? - ?? - ÝřŝžľŘÝź - TAGąęÇŠ - RSSśŠÔÄ - ??
      Copyright © 2004-2024 上海卓卓网络科技有限公司