JQuery/JS select标签设置默认值、设置禁止选择 button按钮禁止点击
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JQuery/JS select标签设置默认值、设置禁止选择 button按钮禁止点击，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3023字，纯文字阅读大概需要5分钟。
内容图文
//
**1、设置默认值：**//
var osel=document.getElementById("selID"); //得到select的IDvar opts=osel.getElementsByTagName("option");//得到数组optionvar obt=document.getElementById("bt");
obt.onclick=function(){
opts[3].selected=true;//设置option第4个元素，即value="3"为默认选中 }
//**2、设置禁止选择：**//
$("#selectId").attr("disabled", "disabled");
$("#selectId").attr("style", "background-color: #EEEEEE;");//设为灰色，看起来更像不能操作的按钮
//**3、按钮禁止点击**//
$(‘#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的IDvar opts = mekeupel.getElementsByTagName("option");//得到数组optionif (compensationMethod.toLowerCase() =="null") {//null//null }
elseif (compensationMethod.toLowerCase() =="33c3e03a-3bb6-4147-87bd-4c77b84d615b".toLowerCase()) //货币 {
opts[0].selected =true;//设置option第1个元素 }
elseif (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>
原文：https://www.cnblogs.com/dyhao/p/10028052.html
内容总结
以上是互联网集市为您收集整理的JQuery/JS select标签设置默认值、设置禁止选择 button按钮禁止点击全部内容，希望文章能够帮你解决JQuery/JS select标签设置默认值、设置禁止选择 button按钮禁止点击所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】