jQuery取得列表控件选中的option对象
开发工具与关键技术:VS 后端
作者:陈芝番
撰写时间:2019.7.7
jQuery取得列表控件选中的option对象
这个jQuery取得列表控件选中的option对象,比起原始表单控件清晰看到option对象,但还是各有各的特点,jQuery取得列表控件选中的option对象所占的空间大,而原始的表单控件能隐藏option对象,所占的空间面积少。
jQuery取得列表控件选中的option对象效果如下:
jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等。
jQuery部分:
<script >
$(document).ready(function(){
$("#s1").change(function(){
var str="";
//select :selected 注意中间有空格,少了空格就没有效果了
$("select :selected").each(function(){
str += $(this).text() + ',';
});
$("#div1").html('<b>' + str + '</b>');
});
});
</script>
this是js的一个关键字,随着函数使用场合不同,this的值会发生变化。但是有一个总原则,那就是this指的是调用函数的那个对象。
(1)创建一个空对象,使用this变量引用该对象,同时还继承了该函数的原型
(2)属性和方法被加入到this引用的对象中。
(3)新创建的对象由this所引用,并且最后隐式的返回this。
Html部分:
Selected对Option信息选择,基于class的选择性的性能相对于基于id选择器开销很大,因为其需要遍历所有DOM元素。
结语:关于jQuery取得列表控件选中的option对象,先查找(创建)jQuery对象,然后调用jQuery对象的方法完成我们需要完成的工作。