select常见事件

出处:http://www.cnblogs.com/nianshi/archive/2010/01/27/1657752.html

js获取select改变事件

js获取select改变事件onchage前的值 和 onclick事件

<select id="wupin_id" name="wupin_id" onclick="saveLast()" onchange="changeForm(this.value)" >
<option value="0" selected>请选择您要使用的设备类型</option>
<option value="001">惠普扫描仪G5590</option>
<option value="002">惠普扫描仪G2410</option>
<option value="003">惠普扫描仪G3110</option>
</select>

<script>
var lastIndex,lastValue;

function saveLast(){
var select = document.getElementById("wupin_id");

lastIndex = select.selectedIndex;
var midValue = select.options[lastIndex].value;
//var text = select.options[index].text;
if(midValue!="0"){
lastIndex = select.selectedIndex;
lastValue = select.options[lastIndex].value;
}
}

应用:
function changeForm(val){
var obj=document.getElementById("wupin_id");
var tr01=document.getElementById("tr01").value;
var flag=document.getElementById("saverk").disabled;
var flag2=document.getElementById("tr01").disabled;
if(val!="0" && flag2==true){
document.getElementById("tr01").disabled=false;
document.getElementById("tr01").focus();
}
if(val!="0" && tr01!="" && flag!=true){
alert("请先保存入库,再进行其他型号物品的扫描录入!");
obj.options[lastIndex].selected=true; //加载用户改变以前的选中的值
document.getElementById("saverk").focus();
}

}

### 如何为 HTML Select 元素绑定点击或更改事件 在 JavaScript 中,可以通过多种方式为 `<select>` 元素绑定事件监听器。以下是两种常见的实现方法:纯 JavaScript 和 jQuery。 #### 方法一:使用原生 JavaScript 通过 `addEventListener` 方法可以为 `<select>` 元素绑定 `change` 事件。此事件会在用户选择不同的选项时触发。 ```javascript // 获取下拉菜单和结果展示的元素 const selectElement = document.getElementById('mySelect'); const resultElement = document.getElementById('result'); // 定义事件处理函数 function handleSelectChange(event) { // 获取选中的值 const selectedValue = event.target.value; // 更新结果展示的元素 resultElement.textContent = `You selected: ${selectedValue}`; } // 绑定 onchange 事件 selectElement.addEventListener('change', handleSelectChange); ``` 这种方法利用了标准 DOM API 来操作文档对象模型,并且不需要依赖任何外部库[^1]。 #### 方法二:使用 jQuery 库 如果项目中已经引入了 jQuery,则可以用更简洁的方式完成相同的功能: ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <select id="mySelect"> <option value="option1">选项1</option> <option value="option2">选项2</option> <option value="option3">选项3</option> </select> <script> $(document).ready(function() { $('#mySelect').change(function() { var selectedOption = $(this).val(); console.log('选择了选项: ' + selectedOption); }); }); </script> ``` 这里展示了如何借助 jQuery 的 `.change()` 方法来响应用户的交互行为[^2]。 需要注意的是,在某些情况下可能会遇到按钮或其他控件需要多次点击才生效的问题[^3];另外还有其他类型的常用 HTML 事件如 `onclick`, `onload` 等可用于不同场景下的需求满足[^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值