jquery: input text with array name selector

永仔

于 2013-07-24 19:29:04 发布

阅读量855

点赞数

分类专栏： jQuery 文章标签： jquery

jQuery 专栏收录该内容

8 篇文章

订阅专栏

we can use jQuery(‘[attribute^="value"]‘) to handle this problem. symbol ^ means you want to select elements that have the specified attribute with a value beginning exactly with a given string

<html>
	<head>
		<title>jQuery array inputbox</title>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
				$('#btnSubmit').click(function(){
					var display = '';
					$("input[name^=txtList]").each(function() {
						display += $(this).val() + ',';
					});
					$('#display').html(display);
				});
            });
        </script>
	</head>
	<body>
		<input type="text" name="txtList[]" value="test 1" >
		<input type="text" name="txtList[]" value="test 2" >
		<input type="text" name="txtList[]" value="test 3" >
		<input id="btnSubmit" type="submit" value="Test" />
		<div id="display"></div>
	</body>
</html>

details http://api.jquery.com/attribute-starts-with-selector/