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

熱點內容
hacknet創建文件夾 瀏覽：730
什麼語言做app 瀏覽：922
應用數據哪些可清理 瀏覽：976
數據區域下移一行該怎麼辦 瀏覽：679
華為賬號用qq注冊賬號 瀏覽：327
台達plc編程完成怎麼試運行 瀏覽：412
華為b137升級包下載 瀏覽：992
美團發布數據報告去哪裡看 瀏覽：146
js的隱藏div顯示 瀏覽：637
ps教程圖片轉換為粉筆字 瀏覽：816
下載網易雲音樂最新版本 瀏覽：165
原神的數據文件指什麼 瀏覽：725
解壓找不到合適文件夾什麼意思 瀏覽：461
iphone經營類 瀏覽：138
哪裡可以看到老齡化數據 瀏覽：644
小型門戶網站有哪些 瀏覽：563
簡書網站打不開怎麼辦 瀏覽：467
關於新能源汽車有哪些外文資料庫 瀏覽：271
word公式編輯器怎麼打開 瀏覽：419
為什麼電腦上的文件傳不了去 瀏覽：919

友情鏈接