分别使用javascript原生的方法和jquery方法
<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
code:
一:javascript原生的方法
1:拿到select对象: var myselect=documentgetElementById("test");
2:拿到选中项的索引:var index=myselectselectedIndex ; // selectedIndex代表的是你所选中项的index
3:拿到选中项options的value: myselectoptions[index]value;
4:拿到选中项options的text: myselectoptions[index]text;
二:jquery方法(前提是已经加载了jquery库)
1:var options=$("#test option:selected"); //获取选中的项
2:alert(optionsval()); //拿到选中项的值
3:alert(optionstext()); //拿到选中项的文本
type应该是button吧?用index,很方便,如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
因为jq选择器返回的是一个类数组对象,而[0] 表示这个对象的第一个元素,其实就是获取到的js dom对象,在你这条代码里面就是id='goods_number_'+resultrec_id的html元素
1JQ中显隐有以下几种方式
show(),hide(),toggle(),slideDown()然后还有css设置div的style属性都可 *** 作
2show()方法
显示出隐藏的 <p> 元素。
$("btn2")click(function(){
$("p")show();
});
3toggle()方法
toggle() 方法切换元素的可见状态。
如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。
<html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<script type="text/javascript">
$(document)ready(function(){
$("btn1")click(function(){
$("p")toggle(1000);
});
});
</script>
</head>
<body>
<p>This is a paragraph</p>
<button class="btn1">Toggle</button>
</body>
</html>
3slideDown()方法
以滑动方式显示隐藏的 <p> 元素:
$("btn2")click(function(){
$("p")slideDown();
});
4hide() 方法
隐藏可见的 <p> 元素:
$("btn1")click(function(){
$("p")hide();
});
这个函数经常与show一起使用
5css()方法
css() 方法设置或返回被选元素的一个或多个样式属性。
返回 CSS 属性
如需返回指定的 CSS 属性的值,请使用如下语法:
css("propertyname");
$("p")css("display","none");
实例:
<!DOCTYPE>
<html>
<head>
<meta >
分为以下2种情况:
1如果css写成行内样式,可以通过获取style属性的值来判断,示例如下:
判断id为divid的div元素是否有font-size样式:
2如果css写成类样式,可以通过获取class属性的值来判断,示例如下:
判断id为divid的div元素是否含有类样式divclass:
描述: 为每个匹配的元素添加指定的样式类名
$('div')addClass('className');//为所有div添加名为className的class1
removeClass
描述: 移除集合中每个匹配元素上一个,多个或全部样式。
$('div')removeClass('className');//将所有div上名为className的class移除1
toggleClass
描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类。
$('div')toggleClass('className');//如果div上有这个class就删除,没有就添加。
以上就是关于如何获取下拉列表选中的值 jquery全部的内容,包括:如何获取下拉列表选中的值 jquery、jquery 点击一个元素 如何取得这个元素是父元素中第几个相同元素的下标求救。。、jquery通过ID获取对象加数组下标0表示什么等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)