js怎么获取form表单中所有的input和select

js怎么获取form表单中所有的input和select,第1张

<script type="text/javascript">

  // 获取指定form中的所有的<input><select>对象

  function getElements(formId) {

      var form = documentgetElementById(formId);

      if(form == null){

          return false;

      }

      var elements = new Array();

      var inputTagElements = formgetElementsByTagName('input');

      for (var j = 0; j < inputTagElementslength; j++) {

          elementspush(inputTagElements[j]);

      }

      var selectTagElements = formgetElementsByTagName('select');

      for (var j = 0; j < selectTagElementslength; j++) {

          elementspush(selectTagElements[j]); 

      }

      return elements;

  }

扩展资料:

form表单提交

在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮。

(<input type='submit'>)就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交。

当点击登陆时,向数据库发生的数据是:username=username&password=password

这种默认的提交方式,一般会进行页面的跳转(不成功时跳转到当前页面)。而有时候是对d出框进行数据提交的,希望提交成功则关闭d出框并刷选父页面,失败则提示失败原因,且d出框不关闭。此时可以采用Ajax进行数据提交。

JS 控制select选中项,代码如下:

<html>

<script type="text/javascript">

var selectedValue = '<%= requestgetAttribute("line")%>';

function changeSelected(){

jsSelectItemByValue(documentgetElementById("mySelect"),selectedValue);

}

function jsSelectItemByValue(objSelect,objItemText) {

for(var i=0;i<objSelectoptionslength;i++) {

if(objSelectoptions[i]value == objItemText) {

objSelectoptions[i]selected = true;

break;

}

}

}

</script>

<body onload="changeSelected()">

<select id="mySelect" name="mySelect">

<option value="0">0</option>

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

</select>

</body>

</html>

<select id="sel" onchange=setvaluefunction(thisvalue) >

<option value="1">一</option>

<option value="2">二</option>

<option value="3">三</option>

</select>

<script>

var selectv="一"

setvaluefunction=function(v){

selectv=v;

}

平时使用的,直接调用 selectv

</script>

以上就是关于js怎么获取form表单中所有的input和select全部的内容,包括:js怎么获取form表单中所有的input和select、怎么在js中获得select标签被选中的值、js如何获取select中的文本等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9713441.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存