導航:首頁 > 編程語言 > js中如何獲取多個下拉選項

js中如何獲取多個下拉選項

發布時間:2024-04-04 09:49:19

Ⅰ 如何用js取下拉框中的內容

jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關;
獲取一組radio被選中項的值
var item = $('input[@name=items][@checked]').val();
獲取select被選中項的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二個元素為當前選中值
$('#select_id')[0].selectedIndex = 1;
radio單選組的第二個元素為當前選中值
$('input[@name=items]').get(1).checked = true;

獲取值:

文本框,文本區域:$("#txt").attr("value");
多選框checkbox:$("#checkbox_id").attr("value");
單選組radio: $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();

控製表單元素:
文本框,文本區域:$("#txt").attr("value",'');//清空內容
$("#txt").attr("value",'11');//填充內容

多選框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾

單選組radio: $("input[@type=radio]").attr("checked",'2');//設置value=2的項目為當前選中項
下拉框select: $("#sel").attr("value",'-sel3');//設置value=-sel3的項目為當前選中項
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

Ⅱ 如何在js中獲取下拉列表選擇的值

<script language="javascript">
function getselectvalue()
{
var rtl=document.getElementById("rtl");
alert(rtl.options.(rtl.selectedIndex).value);
}
</script>
以樓上的數據來用
<select name="sel" id="rtl" >
<option>菜單一</option>
<option>菜單二</option>
<option>菜單三</option>
</select>
<input type="button" onclick="getselectvalue()" value="彈出下拉列表的值" />
加分咯內!很容辛苦的

Ⅲ javascript怎麼取得下拉列表中選項的個數

打開 www.code521.com 加入網頁下面的群 希望我們一起討論 js

本問題答案如下:
<select id="parentID" onchange="nowChg()">
<option value="1" selected="selected">JavaScript</option>
<option value="2">ActionScript</option>
<option value="3">www.code521.com</option>
</select>

<input type="button" value = "click" onclick="nowChg()" />

<div id="print"></div>

<script language="javascript" type="text/javascript">
function nowChg(){
var _obj = document.getElementById("parentID");
var str;
str = "value的值:" + _obj.options[_obj.selectedIndex].value + "<br />"
str += "text的值:" + _obj.options[_obj.selectedIndex].text + "<br />"
str += "選項的個數:" + _obj.length
document.getElementById("print").innerHTML = str;
}
</script>

Ⅳ 用js怎樣獲得下拉框的值

1、首先我們打來開軟體進入代碼編輯按照自圖示代碼先創建一個下拉框。

Ⅳ jquery怎麼獲取一個下拉列表框,多個選中值

1:js取值
//獲取下拉列表選中項的值
代碼如下
function getSelectedValue(name){
var obj=document.getElementById(name);
return obj.value; //直接用其對象的value屬性便可獲取到
}

2:獲取文本值
代碼如下

<select Id="select">
<option>1</option>
<option selected="selected">2</option>
<option>3</option>
</select>
<script language="javascript" type="text/javascript">
var ById = document.getElementById("Select")
alert(ById.options[ById.selectedIndex].text)
</script>

Ⅵ js獲取動態下拉列表的值如何獲取

下拉控制項:<select id="selectId"></select>

如果你要獲取的是動態生成所有的值,用如回下方法:

varobj=document.getElementById('selectId');
varoptions=obj.options;
for(vari=0,len=options.length;i<len;i++){
varopt=options[i];
alert(opt.value+'----'+opt.text);
}

如果你只要獲取當前選擇的答值:

document.getElementById("selectId").value

閱讀全文

與js中如何獲取多個下拉選項相關的資料

熱點內容
win10的驅動怎麼安裝驅動 瀏覽:320
word文件水印怎麼取消 瀏覽:443
rhel6的鏡像文件在哪裡下載 瀏覽:571
成功正能量微信頭像 瀏覽:848
wps表格如何恢復數據 瀏覽:264
linuxc靜態庫創建 瀏覽:838
u盤有微信文件但微信恢復不了 瀏覽:585
蘋果的網站數據是什麼 瀏覽:22
ps滾字教程 瀏覽:237
win7網路鄰居如何保存ftp 瀏覽:186
安卓客戶端代理伺服器 瀏覽:572
編程用蘋果 瀏覽:659
51虛擬機的文件管理在哪裡 瀏覽:13
win10系統有沒有便簽 瀏覽:722
java引用傳遞和值傳遞 瀏覽:109
oracle下載安裝教程 瀏覽:854
php篩選資料庫 瀏覽:830
怎麼用手機看wlan密碼 瀏覽:745
奧維地圖導入的文件在哪裡 瀏覽:364
sdltrados2014教程 瀏覽:43

友情鏈接