網頁js下拉列表,jsp下拉列表

本文目錄一覽：

• 1、如何在js中下拉列表選中某個值？
• 2、js點擊標題出現下拉框
• 3、如何用js里的數據在頁面里生成select下拉列表
• 4、javascript在頁面中添加一個下拉列表?

如何在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點擊標題出現下拉框

我們在製作網頁過程中用到列表時一般會使用ul或者ol標籤，很少用刑dl標籤，但是這個三個標籤卻有着不可忽視的作用，畢竟 Web標準 中要盡最大可能的使用已有的標籤。它們的用途是：

dl /dl用來創建一個普通的列表,

dt /dt用來創建列表中的上層項目，

dd /dd用來創建列表中最下層項目，

dt /dt和 dd /dd都必須放在 dl /dl標誌對之間。

我們可以用dl/dl標籤寫一個簡單的點擊事件

樣式

結構

js部分

這樣一個簡單的點擊標題出現下拉框事件就完成啦！

希望我的理解可以給你們提供一些幫助，學識有限，如果有地方出現錯誤或者有更好的方法去實現，歡迎私信！

如何用js里的數據在頁面里生成select下拉列表

javascript添加一個下拉列表項的方法：創建一個新的option節點，然後添加到目標select對象中去，關鍵代碼如下：

1

2

3

var objSelect = document.getElementById(select_id);

var new_opt = new Option(objItemText, objItemValue);

objSelect.options.add(new_opt);

實例演示如下：

1、HTML結構

javascript在頁面中添加一個下拉列表?

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”

html xmlns=””

head

meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /

titleDHTML/title

script src=”1.js”

/script

script type=”text/javascript”

function cbgcl()

{

var colors=document.getElementById(“colors”);

document.bgColor =colors.options[colors.selectedIndex].text;

}

/script

/head

body onload=”pop()”

p id=”tx” onmouseover=”alert(‘welcome’)”這是一個段落/p

script type=”text/javascript”

document.write(“p class=’txt_welcome’歡迎來訪！/p”);

/script

button onclick=”pop();document.bgColor=’yellow’;”button/button

select id=”colors” name=”bkcolor” onchange=”cbgcl();”

optionyellow/option

optionblue/option

/select

/body

/html