本文目录一览：
如何在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
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/219852.html
微信扫一扫 
支付宝扫一扫 