jquery常用方法

最新推荐文章于 2022-10-25 00:34:12 发布

wiliam-me

最新推荐文章于 2022-10-25 00:34:12 发布

阅读量636

点赞数

分类专栏： jquery 文章标签： jquery class function html div json

本文链接：https://blog.csdn.net/h396071018/article/details/7372459

版权

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

自己总结的jquery常用方法，陆续添加中

1.获取下拉框的文本值和value值方法

例子：

<select id="CITYCODE" name="CITYCODE" onChange="setCityName();">
	<option value="">---请选择---</option>
	<option value="11>北京</option>
</select>

function setCityName(bis_type){
    var val=$("#CITYCODE").find("option:selected").val();
     alert(val);

 var text=$("#CITYCODE").find("option:selected").text();
     alert(text);

   }

输出：当点击北京时输出11和北京

2、jquery遍历json数组：json代码

[
	{
		"text" : "王家湾",
		"value" : "9"
	},
	{
		"text" : "李家湾",
		"value" : "10"
	},
	{
		"text" : "邵家湾",
		"value" : "13"
	}
]

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>

<script type="text/javascript" src="script/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#letter-e .button").click(function(){
			$.getJSON("e.json",function(data){
				$("#dictionary").empty();
				$.each(data,function(entryIndex,entry){
					var html = '<div class="entry">';
					html += '<div class="text">' + entry['text'] + '</div>';
					html += '<div class="value">' + entry['value'] + '</div>';
					html += '</div>';					
					$('#dictionary').append(html);
				});				
			});			
		});
	});	
</script>
</head>
<body>
<div class="letters">
	<div class="letter" id="letter-e">
		<h3>E</h3>
		<div class="button">Load</div>
	</div>
</div>
<div id="dictionary">
</div>
</body>
</html>

wiliam-me

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery常用方法

自己总结的jquery常用方法，陆续添加中1.获取下拉框的文本值和value值方法例子： ---请选择--- 北京function setCityName(bis_type){ var val=$("#CITYCODE").find("option:selected").val(); alert(val); var text=$
复制链接

扫一扫