导航:首页 > 编程语言 > 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相关的资料

热点内容
flash数据库动态开发专业教程下载 浏览：874
u盘文件被锁怎么消除 浏览：39
前三季度gdp数据广东什么时候公布 浏览：726
ug导出stp文件后显示 浏览：262
struts2文件上传例子 浏览：480
智能粉碎文件名 浏览：625
编程是干什么的适合几岁儿童上 浏览：412
photoshop中文版最新版本 浏览：828
什么app能点播广西卫视 浏览：338
word如何批量放入相应的文件夹 浏览：884
如何在excel一列删除数据 浏览：534
商科学生为什么学编程 浏览：438
压缩文件记录 浏览：967
网上招聘找工作去哪个网站 浏览：276
ps生成文件怎么打开 浏览：631
文档过期文件如何找回 浏览：968
daf是什么文件 浏览：851
云闪付可以适用于哪些app 浏览：210
jsp循环输出44的表格 浏览：772
win10有哪些必装软件 浏览：151

友情链接