javascript禁用与启用select标签(实用版)

<html>
<head>
<script
type="text/javascript">
function disable()
 
{
 
document.getElementById("mySelect").disabled=true
 
}
function enable()
  {
 
document.getElementById("mySelect").disabled=false
 
}
</script>
</head>
<body>

<form>
<select id="mySelect">
 
<option>苹果</option>
 
<option>桃子</option>
 
<option>香蕉</option>
 
<option>桔子</option>
</select>
<br
/><br />
<input type="button" onclick="disable()"
value="禁用列表">
<input type="button" onclick="enable()"
value="启用列表">
</form>

< /body>
</html>

时间： 2024-10-15 11:14:34

javascript禁用与启用select标签(实用版)的相关文章

使用纯css禁用html中a标签无需JavaScript

其实这个问题在初次学习html中select标签时就已经冒出来了,时至今日,依然没有找到使用纯css禁用a标签的办法——同事.同学.老师我都问过了,他们都千篇一律借助了JavaScript,难道真的必须要借助JavaScript吗? 1.纯css实现html中a标签的禁用: 复制代码 代码如下: <html> <head> <title>如何禁用a标签</title> <metacontent="text/html; charset=GB23

关于禁用html中a标签的思考

其实这个问题在初次学习html中select标签时就已经冒出来了,时至今日,依然没有找到使用纯css禁用a标签的办法--同事.同学.老师我都问过了,他们都千篇一律借助了JavaScript,难道真的必须要借助JavaScript吗? 1.纯css实现html中a标签的禁用: <html> <head> <title>如何禁用a标签</title> <metacontent="text/html; charset=GB2312"htt

HTML中的&lt;select&gt;标签如何设置默认选中的选项

方法有两种. 第一种通过<select>的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. 1 2 3 4 5 < select  id =  "sel" > < option  value = "1" >1</ option > < option  value = "2"  selected = "selected" >2</ opt

select标签multiple属性的使用方法

前些日子公司让做一个功能模块,对于里面一个小功能费了些周折,现将其总结一下: 一.实现效果: 一.实现代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu

js获取select标签选中的值

var obj = document.getElementByIdx_x("testSelect"); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值 jQuery中获得选中select值 第一种方式$('#testSelect option:selected').t

JQuery 绑定select标签的onchange事件，弹出选择的值，并实现跳转、传参

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转.传参(selected的值和页面其它元素的值) 代码如下: <script src="jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document

杂项一之js，&lt;select&gt;标签

一.在aspx页面中实现 修改与删除页面的跳转 前台js部分: 在上部的js部分中写,根据传过来的id,来经行页面的跳转,并把id传过去 js部分就是实现了一个页面跳转的功能 (还有确认框confirm("")) <script type="text/javascript"> function Update(id) { window.location = "/0828/Article/UpDateArticle.aspx?id=" +

HTML &lt;select&gt; 标签 创建单选或多选菜单

所有主流浏览器都支持 <select> 标签. select 元素可创建单选或多选菜单. <select&> 元素中的 <option> 标签用于定义列表中的可用选项. 提示:select 元素是一种表单控件,可用于在表单中接受用户输入. 属性 New: HTML5 中的新属性. 属性 值 描述 autofocus(5) autofocus 规定在页面加载后文本区域自动获得焦点. disabled disabled 规定禁用该下拉列表. form(5) form

oracle 删除外键约束 禁用约束 启用约束

oracle 删除外键约束 禁用约束 启用约束 执行以下sql生成的语句即可 删除所有外键约束 Sql代码 select 'alter table '||table_name||' drop constraint '||constraint_name||';' from user_constraints where constraint_type='R' 禁用所有外键约束 Sql代码 select 'alter table '||table_name||' disable constraint