Jqueryベース
22172 ワード
フォームのjquery操作(複数選択ボックスとドロップダウンリストを含む)は、エラーが発生しやすい場所があります.
/span>html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title> title>
<script type="text/javascript" src="jquery-1.3.1.js">script>
head>
<body>
<form >
<button type="reset"> button>
<br>
<button id="btn1"> button>
<br>
<button id="btn2"> button>
<br>
<input type="text" name="name" disabled="disabled" value=" input " title=""/><br>
<input type="text" name="email" value=" input " title=""/><br>
：<br>
<input type="checkbox" name="newLetter" checked="checked" value="test1" title="">test1
<input type="checkbox" name="newLetter" value="test1" title="">test2
<input type="checkbox" name="newLetter" value="test1" title="">test3
<input type="checkbox" name="newLetter" value="test1" title="">test4
<input type="checkbox" name="newLetter" checked="checked" value="test1" title="">test5
<div>div>
<br><br>
：
<br>
<select name="test1" multiple="multiple" style="height: 60px" title="">
<option> option>
<option selected="selected"> option>
<option> option>
<option> option>
select>
<br><br>
：<br>
<select name="test2" title="">
<option selected="selected"> option>
<option> option>
<option> option>
select>
<br><br>
<div>div>
form>
body>
<script type="text/javascript">
$(function(){
//
$("#btn1").click(function(){
$("input:enabled").val(" ");
return false;
});
//
$("#btn2").click(function(){
$("input:disabled").val(" ") ;
return false;
});
//
// alert($("input[checked=checked]").length);
$(":checkbox").click(function(){
//input:checked
$("div:first").html(" "+($("input:checked").length)+" ");
});
//
$("select").change(function() {
var str = "";
//select: selected , select
$("option:selected").each(function () {
str += $(this).text() + ",";
});
$("div").eq(1).html(" ：" + str);
}).trigger('change');
// :selected ， .
// $("select").change(function () {
// var str = "";
// $("select :selected").each(function () {
// str += $(this).text() + ",";
// });
// $("div").eq(1).html(" ："+str+"");
// }).trigger('change');
//
});
script>
html>