jquery怎么获取下拉框所有的值

参考如下代码

$("select")val(); // 选中项目的value值

$("select option:checked")text(); // 选中项目的显示值

示例如下：

创建Html元素

请选择：

<select id="sel">

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

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

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

<option value="4">选项4</option>

</select>

<input type="button" value="被选项目">

编写jquery代码

$(function(){

$("input")click(function() {

a = $("#sel")val();

b = $("#sel option:checked")text();

alert("被选项目的值："+a+"，被选项目的显示值："+b+"。");

});

})

显示效果

这个问题包含两个方面：jquery选择器（即针对你指定的那个input元素）和获取内容（即获得输入的值），所以综合起来有如下代码可以实现

$("input#test")val(); // 推荐这种方式，因为id是唯一的

$("input[name='test']")val(); // 此时需要注意是否有同名的input元素

$("input:text")val(); // 这种方式只有整个网页只有一个文本输入框才是正确的

下面给出示例：

创建一个文本框和一个触发获取文本框输入内容的按钮

<input id="test" name="test" type="text"/><br>

<input type="button" value="显示文本框输入内容">

简单设置一下css样式

input[type='text']{width:200px;height:35px;margin:10px;border:1px dashed green; border-radius:5px;}

input[type='button']{width:200px;height:35px;margin:10px;border:2px solid #ebbcbe;}

添加jquery代码

$(function(){

$("input:button")click(function() {

alert($("input#test")val());

});

})

这个很简单了，

表单中比较特殊的就是复选框和图像域了

复选框的话，因为要名称都一样，所以前端得定义成同名的数组，后面取的时候用POST取值

域的话，那么就得表单必须用POST方式提交，且要加一个 enctype="multipart/form-data" 属性，后面取的时候用 $_FILES取值

别的基本都一样的，用什么方式提交的就用什么方式取值就可以了

就像你这个，就用楼上的那种方式 $_POST["number"] 这样就可以了

第一种方法：获取结果String类型

在 Action 中获得的是一个 String 型数据，每一个被选中的 checkbox 的 value 被拼接在一起，每个值之间以逗号隔开(,)。

所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。

以下是实现的代码：

前台 HTML 代码：

Html代码

<input type="checkbox" name="chkName" value="abc">

<input type="checkbox" name="chkName" value="def">

<input type="checkbox" name="chkName" value="ghi">

Action 中的代码：

Java代码

private String chkName;

//getter()、setter() 方法一定要有

public String getChkName(){

return chkName;

}

public void setChkName(String chkName){

thischkName=chkName;

}

public String execute() throws Exception{

String[] chkValues = thisgetChkName()split(", ");

}

最后，chValues 数组就是被选中的 checkbox 中的 value。

有一点需要注意：chkName 中的每一个值都是这种形式：[value1, value2, value3, ] 注意，每个逗号后面都有一个空格，所以是这样的： split(",空格")

别落下逗号后面的空格。

第二种方法：获取结果为String[]数组类型

在 Action 中获得的是一个 String[]数组型数据，每一个被选中的 checkbox 的 value是数组的一个值。

所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。

以下是实现的代码：

前台 HTML 代码：

Html代码

<input type="checkbox" name="chkName" value="abc">

<input type="checkbox" name="chkName" value="def">

<input type="checkbox" name="chkName" value="ghi">

Action 中的代码：

Java代码

private String[] chkName;

//getter()、setter() 方法一定要有

public String[] getChkName(){

return chkName;

}

public void setChkName(String[] chkName){

thischkName=chkName;

}

public String execute() throws Exception{

for(int i=0;i<thisgetChkName()length;i++){

String chkNameValue=thisgetChkName()[i];

}

}

第三种方法：获取结果为List类型

在 Action 中获得的是一个 List数据，每一个被选中的 checkbox 的 value是List的一个对象。

所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。

以下是实现的代码：

前台 HTML 代码：

Html代码

<input type="checkbox" name="chkName" value="abc">

<input type="checkbox" name="chkName" value="def">

<input type="checkbox" name="chkName" value="ghi">

Action 中的代码：

Java代码

private List<String> chkName;

//getter()、setter() 方法一定要有

public List<String> getChkName(){

return chkName;

}

public void setChkName(List<String> chkName){

thischkName=chkName;

}

public String execute() throws Exception{

for(int i=0;i<thisgetChkName()size();i++){

String chkNameValue=thisgetChkName()get(i);

}

}

我有一种方法，但是不知道是不是解决了你的问题，

在dw中，建立两个页面formasp和xianshiasp

接下来在formasp这个页面插入一个表单form1，选择action为xiangxiasp

在表单form1里插入几个复选框，举个例子，只插入两个复选框，name分别为“cb1”和"cb2"，具体代码如下：

<form name="form1" method="post" action="xianshiasp">

<input name="cb1" type="checkbox" id="cb1" value="个人">

个人<input name="cb2" type="checkbox" id="cb2" value="企业">

企业<input type="submit" name="button" id="button" value="提交">

</form>

在xianshiasp中使用

<%= ResponseWrite(requestform("cb1")) %>

<%= ResponseWrite(requestform("cb2")) %>

这样，在你从form1asp中选择复选框并点击提交后，就会在xianshiasp中显示出来了。

注明，不要看到代码，就头痛，这些代码是你用DW *** 作的时候自己生成的，为了学好，最好要熟悉一下这些代码，这样会对你有很多帮助的

js获取下拉列表框文本值，例如下面的HTML代码：

<select onchange="isSelected(thisvalue);" id="city"> 

<option 

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

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

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

</select>

也就是说当用户选择“上海”这一列时，需要将“上海”这个名称保存起来。其实方法很简单。看下面javascript代码：

function isSelected(value) { 

var cityName; 

var city = 

documentgetElementById("city"); 

//获取选中的城市名称 

for(i=0;i<citylength;i++){ 

if(city[i]selected==true){ 

cityName 

= city[i]innerText; //关键点 

alert("cityName:" + cityName); 

} 

}

也可以这样做：

function isSelected(value) { 

var city = documentgetElementById("city"); 

alert(cityoptions[cityselectedIndex]innerText); 

}

大致解释一下，首先在HTML页面上有一个下拉框，并为此下拉框定了一个“city”的id，并为其绑定了一个onchange事件，通过此事件调用javascript函数。

在javascript函数当中，通过domcument对象获取当前下拉框的节点元素，由于节点的值并非只有一个，所以我们可以通过循环节点来得到每个选项的值。在循环的时候通过判断当前选项是否选中，如果选中则使用city[i]innerText

方式获取当前所选中的文本值。当然如果需要获取选项值，只需如此即可：city[i]value

至此，通过以上方法在IE下已能达到所要的结果。但是，在FIREFOX下测试时，发现此法不起作用，最后通过查阅资料发现另外一个方法。将city[i]innerText

改为 city[i]text即可。这种方法对IE及FIXEFOX都适用！

以上就是关于jquery怎么获取下拉框所有的值全部的内容，包括:jquery怎么获取下拉框所有的值、jquery 怎么获取文本框输入的值、PHP如何获取单选框的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！