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

<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进行数据提交。

在你的代码后添加下面代码，就可以在修改select选择后，得到每个select中的值了。

<div id="output_div"></div>

<script type="text/javascript">

$(function(){

output_func();

$("select")change(output_func);

});

function output_func(){

var str="输出显示为：<br>";

$("tr")each(function(){

$(this)find("td")each(function(){

str+="<span style='border:1px solid blue;'>"+$(this)find("select")val()+"</span> ";

});

str+="<br>";

});

$("#output_div")html("<br>" + str);

}

</script>

1js

var

obj=documentgetElementById(selectid);

objoptionslength

=

0;

//清除所有内容

objoptions[index]

=

new

Option("three",3);

//更改对应的值

objoptions[index]selected

=

true;

//保持选中状态

objadd(new

Option("4","4"));

”文本",”值"

var

index

=

objselectedIndex;objoptionsremove(index);//删除选中项

2jquery

$("#select_id")append("<option

value='Value'>Text</option>");

//为Select追加一个Option(下拉项)

$("#select_id")")find('option:selected')text();

获取select选中的text

$("#select_id")val();

获取select选中的value

$("#select_id

option[index='0']")remove();//删除索引值为0的Option

$("#select_id

option[value='3']")remove();

//删除值为3的Option

$("#select_id

option[text='4']")remove();

//删除TEXT值为4的Option

$("#mselect_id")change(function(){

//添加所需要执行的 *** 作代码

})

补充：

js获取select标签选中的值

var

obj

=

documentgetElementByIdx_x(”testSelect”);

//定位id

var

index

=

objselectedIndex;

//

选中索引

var

text

=

objoptions[index]text;

//

选中文本

var

value

=

objoptions[index]value;

//

选中值

jQuery中获得选中select值

第一种方式

$('#testSelect

option:selected')text();//选中的文本

$('#testSelect

option:selected')

val();//选中的值

$("#testSelect

")get(0)selectedIndex;//索引

第二种方式

$("#tesetSelect")find("option:selected")text();//选中的文本

……val();

……get(0)selectedIndex;

以上内容是小编给大家介绍的JS、jQuery中select的用法详解，希望对大家有所帮助！

javascript获取select下option个数常用代码有：

obj = documentgetElementById(select_id);

objlength;

objoptionslength;

objchildrenlength;

实例演示：

1、HTML结构

<select id="test">

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

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

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

<option value="4">option-4</option>

</select><br>

<input type='button' value='获取下拉列表项数目' onclick="fun()"/>

2、javascript代码

function fun(){

obj = documentgetElementById("test");

alert(objlength);            // 方法1

alert(objoptionslength);    // 方法2

alert(objchildrenlength);   // 方法3

}

3、演示效果（点击查看动态效果）

以上就是关于js怎么获取form表单中所有的input和select全部的内容，包括:js怎么获取form表单中所有的input和select、js获取jsp页面表格内select选中的值得问题、JS、jQuery中select的用法详解等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！