本文目录一览:
如何在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