<html>
<title>testpage</title>
<head>
<style>
//style="overflow-y:hidden;overflow-x:hidden";
</style>
<script language="javascript" type="text/javascript">
function chg(){
//var id=document.getElementById("showpage").value
if(document.form1.slt.value=="11111"){
document.getElementById("showpage").style.display="";
document.getElementById("showit").style.display="";
}
if(document.form1.slt.value=="22222"){
document.getElementById("showpage").style.display="none";
document.getElementById("showit").style.display="none";
}
if(document.form1.slt.value=="33333"){
document.getElementById("showpage").style.display="";
}
if(document.form1.slt.value=="55555"){
document.getElementById("showit").style.display="none";
}
}
</script>
</head>
<body>
<form action="#" name="form1" method="post">
<select name="slt" onchange="chg()">
<option>please select</option>
<option value="11111">11111</option>
<option value="22222">22222</option>
<option value="33333">33333</option>
<option value="44444">44444</option>
<option value="55555">55555</option>
</select>
<br />
<input name="showpage" type="text" value="this is a test page" style="display:none;border-left:0px;border-top:0px;border-right:0px;border-bottom:1px solid #ff0000 " />
<div id="showit">good for you</div>
</form>
</body>
</html>
分享到:
相关推荐
select下拉列表onChange事件之JQuery实现: JQuery: $(document).ready(function () { $(#selectMenu).bind(change, function () { if ($(this).val() == pro1) { $(#pro1).slideDown(); $(#pro2).slideUp(); } ...
Delphi 中 StringGrid 动态绑定下拉列表 Delphi 中的 StringGrid 控件不同于 DbGrid 控件,它不具有内置的 PickList 属性来显示下拉列表。但是,我们可以通过编程的方式来实现 StringGrid 中的下拉列表绑定。下面将...
2. js部分,建一个function方法,利用ajax,指向 ‘getAllTypes.action’ 的servlet部分,获取传来的下拉列表的数据,动态填充 <span xss=removed> </span>function loadType(){ <span xss=removed> $.get( ...
最近老总提了一个小功能,在搜索网吧列表的时候加上网吧所属代理商这个条件,原有的搜索条件是一个地区二级联动,现在需要根据不同的地区显示不同的代理商集合。
编写一个html文件的网页代码,页面包含一个下拉列表框、一个文本框和一个按钮,下拉列表框选择要去的网站,当选择完毕后文本框中出现对应的网址。点击确认跳转按钮后访问文本框中出现的网址。 实现效果: 实现代码...
首先在页面上创建两个下拉列表框,一个显示省份,一个显示城市,并且当选择某一个省份时,城市下拉列表框中显示对应的城市,使用onchange事件调用显示对应城市的函数。 创建一个表示省份和城市对应的数组List。 ...
最关键的一段代码就是: 代码如下: onchange=”show(this.options[this.options.selectedIndex].value);” onchange=”show(this.options[this.options.selectedIndex].value);” show是一个自定义的函数名。 this....
主要介绍了js下拉选择框与输入框联动实现添加选中值到输入框的方法,涉及javascript中onchange事件及页面元素遍历的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
近日碰到一个问题,就是需要将用户点击下拉列表当中某个选项后,将其所选的内容保存起来,例如下面的HTML代码: 代码如下: <select onchange=”isSelected(this.value);” id=”city”> ”1″>北京</option> ...
我们在用到下拉列表框select时,需要对选中的选项触发事件,其实本身没有触发事件方法,我们只有在select里的onchange方法里触发。 想添加一个option的触发事件,在option中添加onclick 点来点去就是不会触发事件 又...
下拉单选、多选框 调用 //初始化单选下拉框 function initCombo=(id,name,data,sKey,isDefaulttext,callback){ if(this.objIsNull(data)){ WCB.error("字典数据为空!"); return ; } var ...
在编程过程中,我们对下拉列表框的取值很多时候都是获取option中的value,但是也有需要获取显示在页面中的值的时候,例如想获得”value”>ShowText中”ShowText”,我们该如何获取呢?方法很简单,具体代码如下: ...
刚始学习java刚好看到用js实现省市二级联动的效果,就想着写篇博客,顺便检验...这里用建一个下拉列表,绑定onchange事件 <select onchange=changeCity(this.value)> <option>--请选择-- 湖北 湖南 河北 河
"事件机制可以使程序逻辑更加符合现实世界,在JavaScript 中很多对象都有自己的事件,例如按钮就有onclick 事件,下拉列表框就有onchange 事件,通过这些事件可以方便编程。
AJAX Database 实例 AJAX 可用来与数据库进行动态通信。 AJAX 数据库实例 ...该函数由 “onchange” 事件触发: function showCustomer(str) { var xmlhttp; if (str=="") { document.getElementById
FrontEnd-examples随便写写的小栗子00.... select表单详解及下拉列表模拟实现介绍了select的一些属性自定义select下拉按钮图标原生js模拟select下拉列表的实现03. 随机生成字母数字验证码随机生成一
#变更日志07.04.2014 修复了在 onChange 事件后重新打开 selectize 的下拉列表的问题10.04.2014 添加了通过道具传递类的功能(删除了“控制组”类) 09.04.2015 React v0.13 更新。 加入一些公关。 标记为过时。
如果从选择下拉列表中选择了啤酒厂,则将匹配的ID分配给啤酒的brewery_id。如果在下拉菜单中选择了添加啤酒选项,则会呈现输入并通过onchange更新状态。然后,在提交表单后,首先创建新的啤酒厂。然后,将新创建的...
它创建了一个常规的选择下拉列表。 它通过获取一组对象(每个对象必须包含可用作标签和值的值)并将它们显示在选择中来构建在 HTML 选择上。 它还需要一个可选的回调,当 onChange 事件发生时它会调用该回调。 这将...