码迷,mamicode.com
首页 > Web开发 > 详细

JS获取文本框值

时间:2016-04-25 21:02:39      阅读:296      评论:0      收藏:0      [点我收藏+]

标签:

一、获取文本框/编辑框/隐藏域框

<script type="text/javascript">
function Mycheck(){
  var checkstr="获取内容如下:\n";
  if (document.form1.文章作者.value != ""){
     checkstr+="作者名称:"+document.form1.文章作者.value+"\n";
  }
  if (document.form1.文章主题.value != ""){
     checkstr+="文章主题:"+document.form1.文章主题.value+"\n";
  }

  if (document.form1.隐藏域.value != ""){
     checkstr+=document.form1.隐藏域.value;
  }  
  if (checkstr != ""){
    alert(checkstr);
    return false;
  }
  else return
    return true;
}
</script>

 

<form name="form1" onSubmit="Mycheck()">

<input name="文章作者" type="text" class="textbox" id="文章作者">

<input name="文章主题" type="text" id="文章主题" class="textbox">

<input name="隐藏域" type="hidden" id="隐藏域" value="文章添加成功!">

 

应当注意:我所标识的JS的代码应当与HTML里的代码名称保持一致。且注意JS里form1后面跟随的值也应当与HTML里的name值保持一致。

 

二、获取下拉单列表的值

<script type="text/javascript">
function Mycheck(){
  var val1,val2,val3;
  val1=document.form1.address.value;
  val2=document.form1.class1.value;
  val3=document.form1.huxing.value;
  alert("获取下拉列表值:\n地段:"+val1+"\n房源类别:"+val2+"\n房源户型:"+val3);
}
</script>

 

<form name="form1" onSubmit="Mycheck()">

 

和(一)大致类似,可结合应用

<script type="text/javascript">
function Mycheck(){
  var checkstr="获取内容如下:\n\n";
  var var1,var2,var3;
  var1=document.myform.project_cat1_id.value;
  var2=document.myform.project_cat2_id.value;
  var3=document.myform.project_cat3_id.value;
  var4=document.myform.score_reguired.value;
 
  if (document.myform.score_reguired.value != ""){
     alert(checkstr+="项目:"+var1+"\n分类:"+var2+"\n考核内容:"+var3+"\n获得积分数:"+var4);
  }
  if (document.myform.score_reguired.value == ""){
     alert("积分数不得为空!");
  }
    if (document.form1.隐藏域.value != ""){
     checkstr+=document.form1.隐藏域.value;
  }  
 
  if (checkstr != ""){
    alert(checkstr);
    return false;
  }
  else return
    return true;
}
</script>

 

JS获取文本框值

标签:

原文地址:http://www.cnblogs.com/ck-999/p/5432564.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!