JS获取文本框值

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

<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>

 

转载于:https://www.cnblogs.com/ck-999/p/5432564.html