导航:首页 > 编程语言 > js表单select

js表单select

 发布时间：2024-05-26 20:12:39

『壹』 用js获取select的多个选项值

下面通过两种方式使用js来进行获取select

具体代码如下:

var
obj = document.getElementByIdx_x(”testSelect”);

定位idvar index =
obj.selectedIndex;
选中索引var text = obj.options[index].text;

选中文本var
value = obj.options[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;

『贰』 javaScript怎样获取select标签当前选择的值呢

对于以下select标签，获取当前选择的值得方式如下：

<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
code:
一：javascript原生的方法
1:拿到select对象： var myselect=document.getElementById("test");
2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
3:拿到选中项options的value： myselect.options[index].value;
4:拿到选中项options的text： myselect.options[index].text;

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

<script type="text/javascript">

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

function getElements(formId) {

var form = document.getElementById(formId);

if(form == null){

return false;

}

var elements = new Array();

var inputTagElements = form.getElementsByTagName('input');

for (var j = 0; j < inputTagElements.length; j++) {

elements.push(inputTagElements[j]);

}

var selectTagElements = form.getElementsByTagName('select');

for (var j = 0; j < selectTagElements.length; j++) {

elements.push(selectTagElements[j]);

}

return elements;

}

(3)js表单select扩展阅读：

form表单提交

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

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

当点击登陆时，向数据库发生的数据是：username=username&password=password.

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

『肆』 如何用js实现下拉框中selected

思路：设置下拉框的value属性，那么下拉框的option选项中相应value值选项就会被选中。

下面实例演示——根据文本框值设置下拉框选中项：

1、HTML结构

<selectid="test">
	<optionvalue="0">--pleaseselect--</option>
	<optionvalue="1">option-1</option>
	<optionvalue="2">option-2</option>
	<optionvalue="3">option-3</option>
</select><br>
<inputtype="text"id="val"><inputtype="button"value="设置"onclick="fun()">

2、javascript代码

functionfun(){
	varval=document.getElementById("val").value;
	document.getElementById("test").value=val;
}

3、效果演示

『伍』 如何用js控制弹出select

JS 控制select选中项，代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<html>
<script type="text/javascript">
var selectedValue = '<%= request.getAttribute("line")%>';

function changeSelected(){
jsSelectItemByValue(document.getElementById("mySelect"),selectedValue);
}

function jsSelectItemByValue(objSelect,objItemText) {
for(var i=0;i<objSelect.options.length;i++) {
if(objSelect.options[i].value == objItemText) {
objSelect.options[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>

『陆』 js控制select只能单选

<SELECT>标签用multiple属性来控制多选或单选，默认为单选，即没有multiple属性，所以设置单选则使用JS的removeAttribute函数移除multiple属性即可，代码如下所示：

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<html>
<head>
<title>Select单选</title>
</head>
<body>
<selectname="s2"size="6"style="width:100px;"id="s2"multiple="multiple">
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
<option>选项4</option>
<option>选项5</option>
</select>
<scripttype="text/javascript">
vars2=document.getElementById("s2");
s2.removeAttribute("multiple");
</script>
</body>
</html>

效果如下：

阅读全文

与js表单select相关的资料

热点内容
ps文件界面设置 浏览：779
c语言12位的数据应该怎么存储 浏览：953
将ape导入iphone 浏览：107
js组合快捷键 浏览：174
linux系统盘默认挂在的文件夹 浏览：667
淘宝数据包如何操作上架 浏览：567
vb编程中输入cls是什么意思 浏览：81
linuxtime服务 浏览：184
疯狂安卓讲义第二版代码 浏览：420
老炮儿三小时版本下载 浏览：313
matlab怎么调试程序 浏览：2
winxp升级win7的危害 浏览：496
网络没连上却不可用是怎么回事 浏览：752
社区版本 浏览：738
怎么查微信公众号什么时候开通的 浏览：717
安装三菱编程闪退怎么回事 浏览：488
手机怎么创建word文件格式 浏览：694
c语言连接数据库 浏览：887
数据线粉色和白色哪个是正 浏览：775
vb编程应注意什么 浏览：855

友情链接