導航:首頁 > 編程語言 > js動態下拉列表

js動態下拉列表

發布時間:2023-04-30 12:02:56

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

這樣就可以個下拉框添加內容,你只要遍歷你的js數組回加進去
Html代碼
<select id="Input"></select>

Js代碼
var option = document.createElement("option");
option.text='11';
option.value='22' ;
Input.add(option);

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

寫了一個詳細的例子,作為參考:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script language="javaScript" type="text/javascript">
function sel1_click()
{
var nodeSel1=document.getElementById("sel1"); //獲取select元素
var index = nodeSel1.selectedIndex; // 選中項的索引
var text = nodeSel1.options[index].text; // 選中項的文本
var value = nodeSel1.options[index].value; // 選中項的值
alert("您選擇的是:"+text+" 它的值是:"+value);
}
</script>
</head>
<body>
<select style="width:400px;height:40px;font-size:25pt;background-color:#00ffff" id="sel1" onchange="sel1_click()">
<option value="Apple">蘋果</option>
<option value="orange">橘子</option>
<option value="banana">香蕉</option>
<select>
<br/><br/><br/>
<input type="button" style="height:30px;width:200px;background-color:#ff00ff" value="點擊獲取選中內容" onclick="sel1_click()"/>
</body>
</html>

④ JS與Jquery之動態添加下拉框select並級聯改變事件

1.可以動態添加多個下拉框,可減少下拉框
2.選中第一個下拉框的任意一個值,同時第三個下拉框的值跟著改變,顯示對應的數據。

ps:what?光動態添加就足以。。。。賦值還不能直接賦,而是添加下拉時就賦值。。。。。經過百般折磨,頭發掉了n根,最終通過巧妙的思路解決了,在此記錄下。若對你有所幫助,點贊加關注吧!後續及時更新。

第一個下拉選項顯示

選擇下拉項,同時載入數據到第三個下拉框

註:在這里直接去掉了第二行的標簽

為了獲取改變數據的行,試了很久,動態生成的下拉框無法獲取到索引,所以才想到了使用id,並且給id後加一個數字

⑤ js動態添加下拉列表

functionzj(){
vars1=document.getElementById("s1");
vars3=document.getElementById("s3");
for(vari=0;i<s1.options.length;i++){
if(s1.options[i].selected){
vare=s1.options[i];
s3.options.add(newOption(e.text,e.value));
s1.remove(i);
i=i-1
}
}
}

//用以上寫法也可。建議select中加屬性內multiple(感覺用的舒服點)容

⑥ 如何在js中下拉列表選中某個值

<select name="r_house" id="r_house">

<option value="選項1">選項1</option>

<option value="選項2" selected>選項2</option><!--如果想直接在html中選定某項,給該項加個selected屬性即可,不需要編程-->

<option value="選項3">選項3</option>

<option value="選項4">選項4</option>

<option value="選項5">選項5</option>

<option value="選項6">選項6</option>

</select>

<script>

window.onload=function(){

//如果一定要js代碼實現,可以這樣:

//方法一(假定選定第3項,下同):

r_house.value="選項3";

//方法二:

r_house.options[2].selected=true;

//方法三:

r_house.children[2].selected=true;

//方法四:

r_house.getElementsByTagName("option")[2].selected=true;

//方法五:

r_house.querySelectorAll("option")[2].selected=true;

//還有N多種方法此略

}

</script>

⑦ js動態刪除select下拉列表問題

<html>
<head>
<title></title>
</head>
<body>
<script>
<!--
var num;//用於標識添加了幾個select,在後面的頁面用到
num=1;
var objPad;
function addSelect(str)
{
objPad = document.getElementById("pad");
if(str=="del"){
num=1;
//objPad.removeAllChild();
//objPad.innerHTML="";
var selectobj=document.getElementById("pad").getElementsByTagName("select");
var i=selectobj.length;
if(i>0)
{
objPad.removeChild(selectobj[i-1]);
objPad.removeChild(document.getElementById("pad").getElementsByTagName("br")[i-1]);
}
}
else
{
var s= new Array();
s=str.split(",")
var sel = "<select name='ksbj"+num+"'>"
for(var i=0;i<s.length;i++)
{
sel = sel+"<option value='"+s[i]+"'>"+s[i]+"</option>";
}
sel=sel+"</select><br />"
objPad.innerHTML = objPad.innerHTML+sel;
num = num+1;
}
}
function returnnum()
{
num1=num-1
var objPad = document.getElementById("pad");
sel="<input type='hidden' name='cs' value='"+num1+"' />"
objPad.innerHTML = objPad.innerHTML+sel;
}
-->
</script>
<input type="button" value="添加班級" onClick="addSelect('1,2,3')" />
<input type="button" value="刪除班級" onClick="addSelect('del')" />
<div id="pad">
</div>
<input type="submit" name="Submit" value="提 交" onclick="returnnum()"/>
</body>
</html>

⑧ Java後台怎麼獲得用js動態生成的下拉列表和文本框內的值

其一:js動態生成的select,在生成時設置上select的name屬性,然後通過form表單提交,內java後台就能用容request根據select的name屬性獲取。
其二:js動態生成的select,在生成時設置上select的id屬性,然後通過ajax非同步提交的方式,java後台就能用request根據select的name屬性獲取。
最後,你所謂的文本框中的值,不是這個select的所有option吧?如果是option的value,那就直接request.getParameter()獲取即可,如果想獲取<option value="a">b</option>中的b,那你需要記住其他辦法解決,這里不再贅述。

閱讀全文

與js動態下拉列表相關的資料

熱點內容
更新後版本英文怎麼說 瀏覽:267
桌面雲配置文件分離 瀏覽:505
iphone5如何升級4g網路 瀏覽:5
團購是在哪個app 瀏覽:897
打開多個word文檔圖片就不能顯示 瀏覽:855
騰訊新聞怎麼切換版本 瀏覽:269
app安裝失敗用不了 瀏覽:326
桌面文件滑鼠點開會變大變小 瀏覽:536
手機誤刪系統文件開不了機 瀏覽:883
微信兔子甩耳朵 瀏覽:998
android藍牙傳文件在哪裡 瀏覽:354
蘋果6s軟解是真的嗎 瀏覽:310
c語言代碼量大 瀏覽:874
最新網路衛星導航如何使用 瀏覽:425
以下哪些文件屬於圖像文件 瀏覽:774
zycommentjs 瀏覽:414
確認全血細胞減少看哪些數據 瀏覽:265
文件有哪些要求 瀏覽:484
cad打開時會出現兩個文件 瀏覽:65
什麼是轉基因網站 瀏覽:48

友情鏈接