实现 select中指定option选中…
来源:互联网 发布:数据防泄漏kernelsec 编辑:程序博客网 时间:2024/05/21 19:37
我们在用到下拉列表框select时,需要对选中的
选项触发事件,其实本身没有触发事件方法,我们只有在select里的onchange方法里触发。当我们触发select的双击事件时,用ondblclick方法。
当我们要取得select的选中事件时,用document.all['name'].value来获取,其中name是select的名称。
如果我们要得到select的全部的值就用一个for循环来实现。代码如下:
下面介绍一个特殊情况的解决,由于option本身没有事件,所以我们不能给每个option都添加一个onclick事件。如果需要实现点击不同的option,实现不同的函数时,要怎么办,从value里取值在分析是一种办法,但如果value里的值不确定,我们又不想从value里取值怎么办呢?可以这样解决,给每个option添加一个属性,然后在赋一个值,我们在函数里取到这个属性的值就可以判断执行了。
---------------------------------------------------------------------------------------------
-------------------------------------------------源代码------------------------------------
<select id="pid"onchange="gradeChange()">
</select>
<script type="text/javascript">
</script>
================jquery=========
js操作selectoption
1、获取选中select的value和text,html代码如下:
<</SPAN>selectid="mySelect">
<</SPAN>optionvalue="1">one<</SPAN>/option>
<</SPAN>optionvalue="2">two<</SPAN>/option>
<</SPAN>optionvalue="3">three<</SPAN>/option>
<</SPAN>/select>
<</SPAN>optionvalue="1">one<</SPAN>/option>
<</SPAN>optionvalue="2">two<</SPAN>/option>
<</SPAN>optionvalue="3">three<</SPAN>/option>
<</SPAN>/select>
则可通过以下script代码s来获取选中的value和text
$("#mySelect").val();//获取选中记录的value值
$("#mySelectoption:selected").text();//获取选中记录的text值
$("#mySelectoption:selected").text();//获取选中记录的text值
2、运用new Option("文本","值")方法添加选项option
var obj = document.getElementByIdx_x_x("mySelect");
obj.add(newOption("4","4"));
obj.add(newOption("4","4"));
3、删除所有选项option
var obj = document.getElementByIdx_x_x("mySelect");
obj.options.length = 0;
obj.options.length = 0;
4、删除选中选项option
var obj = document.getElementByIdx_x_x("mySelect");
varindex = obj.selectedIndex;
obj.options.remove(index);
varindex = obj.selectedIndex;
obj.options.remove(index);
5、修改选中选项option
var obj = document.getElementByIdx_x_x("mySelect");
varindex = obj.selectedIndex;
obj.options[index] = new Option("three",3);//更改对应的值
obj.options[index].selected= true;//保持选中状态
varindex = obj.selectedIndex;
obj.options[index] = new Option("three",3);//更改对应的值
obj.options[index].selected= true;//保持选中状态
var obj = document.getElementByIdx_x_x("mySelect");
obj.parentNode.removeChild(obj); //移除当前对象
obj.parentNode.removeChild(obj); //移除当前对象
7、select选择的响应事件
$("#mySelect").change(function(){
//添加所需要执行的操作代码
})
//添加所需要执行的操作代码
})
0 0
- 实现 select中指定option选中…
- 实现 select中指定option选中触发事件
- 实现 select中指定option选中触发事件
- 实现 select中指定option选中触发事件
- 实现 select中指定option选中触发事件
- 实现 select中指定option选中触发事件
- 实现 select中指定option选中触发事件
- 实现select中指定option选中触发事件
- 实现select中指定option选中触发事件
- Javascript获取select下拉框选中的的值,select中指定option选中触发事件
- C# WinForm 给DataTable中指定位置…
- 选中select的option
- 【JavaScript】select选中Option
- jquery select option选中
- 删除ArrayList中指定重复的元素 (…
- Silverlight -App中指定全局样式文…
- jquery 对select中的option…
- 实现select动态添加option并选中的多种方法
- 如何处理JSON中的特殊字符
- linux -vi操作
- PHP时间戳与时间相互转换(精确到毫…
- 重新认识Java包的命名规则
- linux下的文件和目录权限!
- 实现 select中指定option选中…
- php-解决回车换行符的转换问题-nl2…
- IE, FF, Safari前端开发…
- php中iconv和mb_convert_encoding…
- Redis 命令参考 »…
- shell学习第一天
- 软件开发模式对比(瀑布、迭代、螺…
- PHP中die()与exit()的区别
- 程序员技术练级攻略