<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#cssid{
height:100px;
width:300px;
background-color:#FFCC00;
}
#textid{
background-color:#CCCCCC;
width:300px;
}
</style>
<script type="text/javascript" src="../Day26/doctool.js"></script>
<script type="text/javascript">
function change()
{
var selNode = byId("selid");
var value = selNode.options[selNode.selectedIndex].value;
//alert(value);
var divNode1 = byId("cssid");
var divNode2 = byId("textid");
divNode1.style.textTransform = value;
divNode2.innerText = "text-transform : "+value+";";
}
</script>
</head>
<body>
<div id="cssid">
Good good study,Day day up!
</div>
<p>
</p>
<select id="selid" onchange="change()">
<option value="none">--text-transform--</option>
<option value="capitalize">首字母大写</option>
<option value="uppercase">所有字母大写</option>
<option value="lowercase">所有字母小写</option>
</select>
<p></p>
<div id="textid">
text-transform : none;
</div>
</body>
</html>
分享到：
相关推荐
主要介绍了js下拉选择框与输入框联动实现添加选中值到输入框的方法,涉及javascript中onchange事件及页面元素遍历的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
首先在页面上创建两个下拉列表框，一个显示省份，一个显示城市，并且当选择某一个省份时，城市下拉列表框中显示对应的城市，使用onchange事件调用显示对应城市的函数。 创建一个表示省份和城市对应的数组List。 ...
编写一个html文件的网页代码，页面包含一个下拉列表框、一个文本框和一个按钮，下拉列表框选择要去的网站，当选择完毕后文本框中出现对应的网址。点击确认跳转按钮后访问文本框中出现的网址。 实现效果： 实现代码...
近日碰到一个问题，就是需要将用户点击下拉列表当中某个选项后，将其所选的内容保存起来，例如下面的HTML代码： 代码如下: <select onchange=”isSelected(this.value);” id=”city”> ”1″>北京</option> ...
在编程过程中，我们对下拉列表框的取值很多时候都是获取option中的value，但是也有需要获取显示在页面中的值的时候，例如想获得”value”>ShowText中”ShowText”，我们该如何获取呢？方法很简单，具体代码如下： ...
下拉单选、多选框 调用 //初始化单选下拉框 function initCombo=(id,name,data,sKey,isDefaulttext,callback){ if(this.objIsNull(data)){ WCB.error("字典数据为空!"); return ; } var ...
我们在用到下拉列表框select时，需要对选中的选项触发事件，其实本身没有触发事件方法，我们只有在select里的onchange方法里触发。 想添加一个option的触发事件,在option中添加onclick 点来点去就是不会触发事件 又...
"事件机制可以使程序逻辑更加符合现实世界，在JavaScript 中很多对象都有自己的事件，例如按钮就有onclick 事件，下拉列表框就有onchange 事件，通过这些事件可以方便编程。
1.文本框 1.1 <input type=”text” name=”test” id=”test”>...2.下拉列表框 2.1 <select name=”sel” id=”sel” onchange=”look();”>”1″>11</option><option value=”2″ sele
listboxalign:’auto’,//下拉列表的对齐方式，可选值left,right,auto columns:1, //显示列数 checkbox:false,//是否复选 maxchecked:3,//最多同时选择数，checkbox=true时有效 selectedtext:”,//checkbox=true...
公司做项目的时候，需要用到下拉框联动显示数据的功能，索性...页面中的两个下拉列表框： 所在学院： <select id="college" style="width: 200px" runat="server" onchange="changcollege(this.value)">
先看一个例子： 一个二级级联动态下拉列表框，一级分类（即大类别）id=”vSort0″. 代码如下: <head> function changelocation(id) {…………} </head> <body><select class=”input1″ id=”...
## Properties ### results结果应显示在自动完成下拉列表中。 请注意，filty将不处理结果集的过滤。 Filty只是充当具有丰富功能的UI，因此应通过使用filty公开的API来加强过滤。 大事记 ### onChange只要搜索框中的...
combotreegrid：修复在输入框中输入值时不会触发'onChange'事件的问题； combobox：修复在Windows10的IE11下点击下拉面板会自动跳转到底部的问题； datebox：修复点击'Today'按钮时不会触发onSelect事件的问题； ...
js的方法定义：function方法名([参数列表]){ 方法体 [return 返回值] } 注意：js中的方法可以直接写在代码中，不需要“类”包裹 使用方法：方法名()-->方法调用-->立即执行 2.js文件：网页外专门保存js...
17.2.htm onchange事件 17.3.htm 按键屏蔽 第18章（\cha18） 18.1.htm 打开窗口 18.2.htm 关闭窗口 18.3.htm 窗口写入 18.4.htm 窗口交互 18.5....
34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来確定被选中的值) 35.字符串的定义:var myString = new String("This is lightsword"); 36.字符串转成...
70、JS触发SELECT的ONCHANGE事件 349 71、ONBEFOREUNLOAD、ONLOAD与ONUNLOAD事件 349 72、判断 IFRAME 是否加载完成的方法 352 73、JS判断页面是否是在 IFRAME中 353 74、去掉浏览器中的滚动条 353 75、IFRAME滚动条...