`
tanglong8848
  • 浏览: 67799 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

下拉列表onchange事件

 
阅读更多

<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>

分享到:
评论

相关推荐

    JQuery对表单元素的基本操作使用总结

    select下拉列表onChange事件之JQuery实现: JQuery: $(document).ready(function () { $(#selectMenu).bind(change, function () { if ($(this).val() == pro1) { $(#pro1).slideDown(); $(#pro2).slideUp(); } ...

    Delphi中StringGrid动态绑定下拉列表

    Delphi 中 StringGrid 动态绑定下拉列表 Delphi 中的 StringGrid 控件不同于 DbGrid 控件,它不具有内置的 PickList 属性来显示下拉列表。但是,我们可以通过编程的方式来实现 StringGrid 中的下拉列表绑定。下面将...

    Ajax动态为下拉列表添加数据的实现方法

    2. js部分,建一个function方法,利用ajax,指向 ‘getAllTypes.action’ 的servlet部分,获取传来的下拉列表的数据,动态填充 &lt;span xss=removed&gt; &lt;/span&gt;function loadType(){ &lt;span xss=removed&gt; $.get( ...

    ajax完美解决的下拉框的onchange问题

    最近老总提了一个小功能,在搜索网吧列表的时候加上网吧所属代理商这个条件,原有的搜索条件是一个地区二级联动,现在需要根据不同的地区显示不同的代理商集合。

    JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转

    编写一个html文件的网页代码,页面包含一个下拉列表框、一个文本框和一个按钮,下拉列表框选择要去的网站,当选择完毕后文本框中出现对应的网址。点击确认跳转按钮后访问文本框中出现的网址。 实现效果: 实现代码...

    js+el+json实现省市级联

    首先在页面上创建两个下拉列表框,一个显示省份,一个显示城市,并且当选择某一个省份时,城市下拉列表框中显示对应的城市,使用onchange事件调用显示对应城市的函数。  创建一个表示省份和城市对应的数组List。  ...

    javascript 获取select下拉列表值的代码

    最关键的一段代码就是: 代码如下: onchange=”show(this.options[this.options.selectedIndex].value);” onchange=”show(this.options[this.options.selectedIndex].value);” show是一个自定义的函数名。 this....

    js下拉选择框与输入框联动实现添加选中值到输入框的方法

    主要介绍了js下拉选择框与输入框联动实现添加选中值到输入框的方法,涉及javascript中onchange事件及页面元素遍历的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    javascript获取下拉列表框当中的文本值示例代码

    近日碰到一个问题,就是需要将用户点击下拉列表当中某个选项后,将其所选的内容保存起来,例如下面的HTML代码: 代码如下: &lt;select onchange=”isSelected(this.value);” id=”city”&gt; ”1″&gt;北京&lt;/option&gt; ...

    JS实现select选中option触发事件操作示例

    我们在用到下拉列表框select时,需要对选中的选项触发事件,其实本身没有触发事件方法,我们只有在select里的onchange方法里触发。 想添加一个option的触发事件,在option中添加onclick 点来点去就是不会触发事件 又...

    下拉单选、多选框

    下拉单选、多选框 调用 //初始化单选下拉框 function initCombo=(id,name,data,sKey,isDefaulttext,callback){ if(this.objIsNull(data)){ WCB.error("字典数据为空!"); return ; } var ...

    js获取下拉列表框option中的value和text的值示例代码

    在编程过程中,我们对下拉列表框的取值很多时候都是获取option中的value,但是也有需要获取显示在页面中的值的时候,例如想获得”value”&gt;ShowText中”ShowText”,我们该如何获取呢?方法很简单,具体代码如下: ...

    JS实现简单省市二级联动

    刚始学习java刚好看到用js实现省市二级联动的效果,就想着写篇博客,顺便检验...这里用建一个下拉列表,绑定onchange事件 &lt;select onchange=changeCity(this.value)&gt; &lt;option&gt;--请选择-- 湖北 湖南 河北 河

    javascript 自定义事件初探

    "事件机制可以使程序逻辑更加符合现实世界,在JavaScript 中很多对象都有自己的事件,例如按钮就有onclick 事件,下拉列表框就有onchange 事件,通过这些事件可以方便编程。

    AJAX Database 实例

    AJAX Database 实例 AJAX 可用来与数据库进行动态通信。 AJAX 数据库实例 ...该函数由 “onchange” 事件触发: function showCustomer(str) { var xmlhttp; if (str=="") { document.getElementById

    FrontEnd-examples

    FrontEnd-examples随便写写的小栗子00.... select表单详解及下拉列表模拟实现介绍了select的一些属性自定义select下拉按钮图标原生js模拟select下拉列表的实现03. 随机生成字母数字验证码随机生成一

    react-selectize:围绕 selectize React包装器

    #变更日志07.04.2014 修复了在 onChange 事件后重新打开 selectize 的下拉列表的问题10.04.2014 添加了通过道具传递类的功能(删除了“控制组”类) 09.04.2015 React v0.13 更新。 加入一些公关。 标记为过时。

    brewcollective

    如果从选择下拉列表中选择了啤酒厂,则将匹配的ID分配给啤酒的brewery_id。如果在下拉菜单中选择了添加啤酒选项,则会呈现输入并通过onchange更新状态。然后,在提交表单后,首先创建新的啤酒厂。然后,将新创建的...

    react-simple-dropdown:增强 HTML 选择的 React 组件的简单示例

    它创建了一个常规的选择下拉列表。 它通过获取一组对象(每个对象必须包含可用作标签和值的值)并将它们显示在选择中来构建在 HTML 选择上。 它还需要一个可选的回调,当 onChange 事件发生时它会调用该回调。 这将...

Global site tag (gtag.js) - Google Analytics