select隐藏选中值对应的id,显示其它id的简单实现方法
由于select选项较少,做的简单,
<select name="typeid" id="typeid"> <option value="-1">-请选择类型-</option> <option value="grade">兑换等级</option> <option value="money">兑换现金</option> <option value="gift">兑换礼物</option> </select> <tr id="grade"></tr> <tr id="money"></tr> <tr id="gift"></tr> <script> $(document).ready(function(){ var alltypes = ['grade','money','gift']; $("#typeid").change(function(){ var type = $(this).val(); for(i=0;i<alltypes.length;i++) { $("#"+alltypes[i]).hide(); $("#"+type).show(); } }); }); </script>
将所有id存放一个数组中,然后遍历隐藏所有id,只显示选中值的id
以上这篇select隐藏选中值对应的id,显示其它id的简单实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
jQuery select操作控制方法小结
需要注意的是,这里的代码好多是针对jquery 1.32以前的版本(以后的版本已经不支持@),所以替换为空测试下即可. jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected"
-
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法 <script> $(function () { var SelectVal = $("input[name='rblGJS']:checked").val(); if (SelectVal == 1) { $("#gjsbh").show(); } $("#<%=rblGJS.ClientID %>").change(function () {
-
jquery及原生js获取select下拉框选中的值示例
现在有一id=test的下拉框,怎么拿到选中的那个值呢? 分别使用javascript原生的方法和jquery方法 复制代码 代码如下: <select id="test" name=""> <option value="1">text1</option> <option value="2">text2</option> </select> 一:javas
-
select隐藏选中值对应的id,显示其它id的简单实现方法
由于select选项较少,做的简单, <select name="typeid" id="typeid"> <option value="-1">-请选择类型-</option> <option value="grade">兑换等级</option> <option value="money">兑换现金</option> &
-
jquery获取select选中值的文本,并赋值给另一个输入框的方法
html 代码: <select id="ReviewStatus" name="ReviewStatus"><option selected="selected" value="0">空号</option> <option value="1">不接</option> <option value="2">不需要<
-
js获取select标签选中值的两种方式
复制代码 代码如下: var obj = document.getElementByIdx_x("testSelect"); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value; // 选中值jQuery中获得选中select值第一种方式$('#testSelect option:select
-
js获取select默认选中的Option并不是当前选中值
js函数方法: 复制代码 代码如下: <script> function getDefaultSelectedOption(selectId, valIfNull) { var dom, selectId = selectId.replace(/^#/, ''), opts; try { opts = document.getElementById(selectId).getElementsByTagName('option'); for (var i in opts) { if (opts[
-
jQuery设置和获取select、checkbox、radio的选中值方法
select.checkbox.radio是很常用的表单控件,熟练掌握操作它们的方法,会加快我们的开发速度. 设置单选下拉框的选中值 如果option中没有value属性,那可以通过text设置选中项; 如果option中有value属性,那必须通过value设置选中项. 1)option中没有value属性: <select id="single"> <option>选择1号</option> <option>选择2号</opti
-
javascript获取select标签选中的值
复制代码 代码如下: var obj = document.getElementById("testSelect"); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值 jQuery中获得选中select值 第一种方式 复制代码 代码如下: $('#testSelect
-
解决vue 更改计算属性后select选中值不更改的问题
先上代码: //... <body> <div id="qwe"> <select v-model="selected"> <option v-for="item in da" :value="item.value">{{item.value}}</option> </select> <span>{{selected}}</span>
-
vantUI 获得piker选中值的自定义ID操作
问题 官网中给的picker例子,每项只能是个字符串,但我需要它返回每个字符串对应的自定义ID,而不是index. vantUI官网:picker 官网例子 <van-picker :columns="columns" @change="onChange" /> export default { data() { return { columns: ['杭州', '宁波', '温州', '嘉兴', '湖州'] }; }, methods: { onCha
-
Js操作Select大全(取值、设置选中等等)
jquery操作select(取值,设置选中) 每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector").val("pxx"); 2.设置text为pxx的项选中 $(".selector").find("option[tex
随机推荐
- 简单讲解AngularJS的Routing路由的定义与使用
- 浅析iOS应用开发中线程间的通信与线程安全问题
- Eclipse中自动添加注释(两种)
- JS中的三个循环小结
- php 中序列化和json使用介绍
- 生产库自动化MySQL5.6安装部署详细教程
- Python实现身份证号码解析
- javascript:void(0)的真正含义实例分析
- js 如何实现对数据库的增删改查
- struts2 jquery 打造无限层次的树
- 获取JavaScript异步函数的返回值
- jQuery实现简单的列表式导航菜单效果代码
- jQuery实现checkbox列表的全选、反选功能
- 使一个函数作为另外一个函数的参数来运行的javascript代码
- 无语,javascript居然支持中文(unicode)编程!
- google(gg)广告的西联快汇收取全步骤[图文]
- php获取本机真实IP地址实例代码
- vue中的计算属性的使用和vue实例的方法示例
- 详解vue-cli之webpack3构建全面提速优化
- Vue.js 表单控件操作小结