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

热点内容
打开文件夹出错 浏览：825
如何清除苹果app的文件和数据 浏览：515
如何打开crv文件 浏览：41
md文件夹在win7不能打开 浏览：668
颂拓手表运动数据如何导入微信 浏览：654
什么网站信访最有效 浏览：396
魅蓝e2升级安卓70 浏览：438
黄石响应式网站建设多少钱 浏览：410
怎么把excel工作簿放到一个文件夹 浏览：949
wifi网络延时大怎么处理 浏览：345
云办公的原理是把传统文件放哪里 浏览：113
不属于群防群治队伍数据项有哪些 浏览：404
java树向上找 浏览：241
数据库查询票价 浏览：503
word黑色下划线怎么去掉 浏览：879
学习编程怎么学比较好 浏览：351
有什么好看的地图网站 浏览：593
oppo如何设置app黑名单 浏览：71
移动数据用了多少在哪里显示 浏览：549
excel表改变文件名颜色的方法 浏览：966

友情链接