導航:首頁 > 編程語言 > 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相關的資料

熱點內容
學習計算機網路的作用 瀏覽：235
access資料庫最新內容怎麼調 瀏覽：203
上古世紀新版本跑商 瀏覽：267
iphone5國際漫遊設置 瀏覽：107
ipodwatch如何安裝app 瀏覽：114
誰有微信搶紅包的群號 瀏覽：872
word07頁碼從任意頁開始 瀏覽：791
js禁止滑動事件 瀏覽：800
蘋果查序號怎麼看不是 瀏覽：61
linux在txt文件 瀏覽：568
ps如何導入文件匹配 瀏覽：201
轉轉app怎麼把自己的賬號租出去 瀏覽：828
福昕閱讀器合並照片pdf文件 瀏覽：591
vhd文件有什麼用 瀏覽：482
編程小朋友看什麼書 瀏覽：623
經營如何讓數據說話 瀏覽：258
如何在手機上升級opop 瀏覽：614
coreldrawx5免費視頻教程 瀏覽：725
網站引導頁面源碼 瀏覽：234
個人簡歷範文word 瀏覽：220

友情鏈接