JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值
//**1、设置选中值:(根据索引确定选中值)**//
var osel=document.getElementById("selID"); //得到select的ID
var opts=osel.getElementsByTagName("option");//得到数组option
var obt=document.getElementById("bt");
obt.onclick=function(){
opts[3].selected=true;//设置option第4个元素,即value="3"为默认选中
}
//**2、通过原生JS来实现设置选中值,(根据value值确定选中值)**// /**
* 设置select控件选中
* @param selectId select的id值
* @param checkValue 选中option的值 //实际情况中可能不是options,而是context,具体自定
*/
function set_select_checked(selID, checkValue){
var select = document.getElementById(selID);
for (var i = 0; i < select.options.length; i++){
if (select.options[i].value == checkValue){
select.options[i].selected = true;
break;
}
}
} //**3、设置禁止选择:**//
$("#selectId").attr("disabled", "disabled");
$("#selectId").attr("style", "background-color: #EEEEEE;");//设为灰色,看起来更像不能操作的按钮 //**4、按钮禁止点击**//
$('#buttonId').attr("disabled", true);
$("#buttonId").attr("style", "background-color: #EEEEEE;");//设为灰色,看起来更像不能操作的按钮
实例:
<!---省略部分代码--->
<tbody>
<tr class="firstRow">
<td valign="top" style="word-break: break-all; width: 20%;" rowspan="1" colspan="1">
<select id="mekeupType" onchange="MekeupTypeChange();">
<option value="moneyWay">货币补偿</option>
<option value="houseWay">房屋补偿</option>
</select>
</td>
<td valign="top" style="word-break: break-all; width: 50%;" rowspan="1" colspan="1">
<input type="button" value="计算" id="buttonCount" onclick="buttonCountClick();" style="background-color: #339999; color: white;border-color: #339999"" />
<input type="button" value="协议打印" id="buttonPoint" onclick="Painting()" style="background-color: #339999; color: white;border-color: #339999""/>
<input type="button" value="签约确认" id="buttonSign" onclick="Sign()" style="background-color: #339999; color: white;border-color: #339999"/>
@*<input type="button" value="返回列表" id="buttonBack" onclick="GoBackList();"/>*@
</td>
<td width="189" valign="top"></td>
<td width="189" valign="top"></td>
<td width="189" valign="top"></td>
<td width="189" valign="top"></td>
</tr>
</tbody>
</table>
<!---省略部分代码---> <script> $(document).ready(function () {
//*****省略部分代码*****//
var mekeupel = document.getElementById("mekeupType"); //得到select的ID
var opts = mekeupel.getElementsByTagName("option");//得到数组option
if (compensationMethod.toLowerCase() == "null") {//null
//null
}
else if (compensationMethod.toLowerCase() == "33c3e03a-3bb6-4147-87bd-4c77b84d615b".toLowerCase()) //货币
{
opts[0].selected = true;//设置option第1个元素
}
else if (compensationMethod.toLowerCase() == "c80ea27b-2d11-4e7d-8d6e-65d2b5210d8a".toLowerCase()) //产权置换
{
opts[1].selected = true;//设置option第1个元素
}
IsSign = parseInt(data[0]["issign"]);
if (1 == IsSign) {
//设置安置补偿方式禁止选择
//disabled="disabled"
//background-color: #EEEEEE;
$("#mekeupType").attr("disabled", "disabled");
$("#mekeupType").attr("style", "background-color: #EEEEEE;");
//设置计算按钮、签约确认按钮 禁止click
$('#buttonCount').attr("disabled", true);
$("#buttonCount").attr("style", "background-color: #EEEEEE;");
$('#buttonSign').attr("disabled", true);
$("#buttonSign").attr("style", "background-color: #EEEEEE;");
} else {
}
//*****省略部分代码*****//
}); </script>
获取select选中值
var select = document.getElementById("HouseType");
var index = select.selectedIndex; // 选中索引
var text = select.options[index].text; // 选中文本
var value = select.options[index].value;//选中值
//document.getElementById("ZSGYTD_HouseInfo.HouseType").value = value;
JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值的更多相关文章
- Jquery chosen动态设置值实例介绍 select Ajax动态加载数据 设置chosen和获取他们选中的值
for (var i = 0; i < obj.length; i++) $("#selectnum" + nid).append("<option myid ...
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
<script src="jquery.min.js" type="text/javascript"></script> <scr ...
- JS canvas标签动态绘制图型
使用canvas标签动态绘制图型,当点击鼠标时,以鼠标点击的坐标作为图形中心点.当点击数为偶数时画三角形,当点击数为奇数时画五角星 <!DOCTYPE HTML> <html> ...
- JS 同一标签随机不停切换数据点菜--解决选择困难症
可视化的 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF- ...
- heightcharts点击曲线图获取返回值的问题(ios点击图表第一次无法触发点击事件解决方法)
需求:用的heightcharts插件,点击曲线图想获得所点击点的返回值,如图 问题代码: (function chart_line(){ var data={"title":[& ...
- [Jacky] 解决Ext.Net GridPanel 选择的行数据刷新后不能获取最新值
选择GridPanel中一行数据,当变更数据时并重新刷新之后不能获取最新值,需通过如下方式获取: var internalId = gridPanel.getSelectionModel().getL ...
- jquery/js/a标签实现当前页面跳转的两种方法
在逛购物网站首页时经常看到侧边导航栏,当我们点击导航栏中某一项时会跳转到当前页面的某一处 有两种方法实现,一种是利用js计算好各位置的高度,通过绑定事件使页面跳转到指定位置,另一种是利用a标签进行当前 ...
- 异步渲染页面怎么点击checkbox获取value值
前后端分离时 后端向前端传递json数据 前端根据需要进行页面渲染 因为是异步渲染 想要获取获取渲染数据里面的值时获取不到的 介绍两个方法: 1,设置全局变量 即渲染时在html页面设置全局变量 如 ...
- jQ给下拉框绑定事件,为什么要绑定在框(select标签)上,而不是绑定在选项(option标签)上
这是我在学习锋利的 jquery 书中 5.1.4 的代码时遇到的一个小问题,源代码如下: <head> <style type="text/css"> * ...
随机推荐
- shell编程/字库裁剪(1)——想法
版权申明:本文为博主窗户(Colin Cai)原创,欢迎转帖.如要转贴,必须注明原文网址 http://www.cnblogs.com/Colin-Cai/p/7679024.html 作者:窗户 Q ...
- spring简述
1. 什么是Spring Spring:SE/EE开发的一站式框架.(有EE开发每一层的解决方案) WEB层:SpringMVC Service层:Spring的Bean管理,Spring的声明式事务 ...
- 《生命》第一集:Chanllenge of Life (生命的挑战)
开篇讲的是弗罗里达海岸的海豚用尾巴荡起浑水圈批量捕鱼,肯尼亚的猎豹用集体战术捕猎体积大于自己的鸵鸟,马达加斯加的变色龙用伪装的方式来偷袭昆虫,紧接着讲的是南极洲的食蟹海豹如何从天敌虎鲸的围捕中惊险逃脱 ...
- SQlite的结构——存储管理
在今天的商业应用中,主要有两种基本类型的DBMS(数据库管理系统)存储管理器: (1)DBMS直接与底层的面向磁盘的块模式设备驱动程序进行交互(通常称为原始模式访问); (2)DBMS使用标准的OS文 ...
- UVA818-Cutting Chains(二进制枚举+dfs判环)
Problem UVA818-Cutting Chains Accept:393 Submit:2087 Time Limit: 3000 mSec Problem Description Wha ...
- 第8章 java中的并发工具类
8.1 等待线程完成的CountDownLatch 作用:让一个线程等待其余线程完成之后在继续执行,如主线程等待开启服务的子线程执行完毕后主线程继续执行,类似于join.
- 一.html介绍
一.html1.就是一个文本文档,写标记语言,由浏览器软件进行渲染得到想要的网页效果2.版本:h4,h5 二.常用的h5标签1.块状标签: p:段落 div:块 span:同行块 h1-h6:6级标题 ...
- SpringMVC配置多视图-内容协商原理
SpringMVC配置多视图-内容协商原理 2014年03月06日 16:46:59 日积月累_滴水石穿 阅读数:10964更多 个人分类: SpringMVC Spring Framework ...
- Mac OS 安装Wget
没有Wget的日子是非常难过的,强大的Mac OS 下安装Wget非常简单 下载一个Wget的源码包,http://www.gnu.org/software/wget/ 安装与配置 1. 首先下载一个 ...
- django一般架构思维导图
本例已django项目名称为myblog,其下面有2个应用blog和comment介绍: