JS获取文本框值

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

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

  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("获取下拉列表值: 地段:"+val1+" 房源类别:"+val2+" 房源户型:"+val3);
}
</script>

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

和（一）大致类似，可结合应用

<script type="text/javascript">
function Mycheck(){
  var checkstr="获取内容如下: ";
  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+" 分类："+var2+" 考核内容："+var3+" 获得积分数:"+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>