jsoo编程实例之确认按钮的选择下拉框

iteye_194

于 2008-10-07 11:20:51 发布

阅读量186

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签：编程 HTML

本文链接：https://blog.youkuaiyun.com/iteye_194/article/details/81622962

javascript 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种使用JavaScript来实现HTML下拉菜单选择项变更时弹出确认对话框的方法。通过具体代码示例展示了如何定义`onchange`事件来增强用户体验，并确保用户在更改选项前得到确认。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
  <!--

	ConfirmSelect = function(obj){
		this.ops = document.getElementById(obj.id);
		var oldValue = this.ops.value;
		this.ops.onchange = function(){
			if(!confirm(obj.confirmMsg)){
				this.value=oldValue;
			}
			oldValue = this.value;
		}

	}

	window.onload = function(){
		new ConfirmSelect({
			id         : 'a',
			confirmMsg : '您确定要修改这项吗，不修改请按取消。'
		});
	}
  //-->
  </SCRIPT> 

 </HEAD>

 <BODY>
  <select id='a' name='sourceDbName' >
	<option value="table1">table1</option>
	<option value="table2">table2</option>
	<option value="table3">table3</option>
  </select>
  <div id='b'></div>
 </BODY>
</HTML>