首页 > Web开发 > 详细

js 获取select选中值

时间:2017-02-13 18:37:42      阅读:342      评论:0      收藏:0      [点我收藏+]

method1:

<form name="f1">
  <label id="lbl2">xxx</label>
  <select id="pro1">
    <option selected>添加项目</option>
    <option onClick="pro1()">1</option>
    <option onClick="pro1()">2</option>
    <option onClick="pro1()">3</option>
  </select>
</form>

<script>
function pro1(){
    var pro1=document.getElementById("pro1");
    var lbl2=document.getElementById("lbl2");
    var val=pro1.selectedIndex;
    lbl2.innerHTML=pro1[val].value;
}
</script>

method2:

<form name="frm">
  <input type=checkbox name=item value=1 onclick="choseItem();">
  a
  <input type=checkbox name=item value=2 onclick="choseItem();">
  b
  <input type=checkbox name=item value=3 onclick="choseItem();">
  c
  <input type=checkbox name=item value=4 onclick="choseItem();">
  d
  <input type=text name="txt" id="txt">
</form>
<input type=button value="关闭" onclick="foo();">

<script>
function choseItem()
{
var v="";
var check_item = document.frm.item;
for(i=0;i<check_item.length;i++)
{
if(check_item[i].checked)
{
v+=","+check_item[i].value;
}
document.frm.txt.value=v.replace(/^,{1}/,"");
}
}
function foo()
{
window .close();
window .opener.document.getElementById("txt0").value=document.getElementById("txt").value
}
</script>

js 获取select选中值

原文:http://www.cnblogs.com/moziyan/p/6394817.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!