http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FjQuery%2FForm_Controls
JavaScript DHTML/jQuery/Form Controls - История изменений
2026-04-04T15:20:57Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/jQuery/Form_Controls&diff=3000&oldid=prev
в 10:02, 26 мая 2010
2010-05-26T10:02:45Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 10:02, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/jQuery/Form_Controls&diff=3001&oldid=prev
Admin: 1 версия
2010-05-26T07:24:07Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Build a list of all the values within a form.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
$("p").append( $("input").map(function(){<br />
return $(this).val();<br />
}).get().join(", ") );<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<p></p><br />
<form><br />
<br />
<input type="text" name="name" value="A"/><br />
<input type="text" name="password" value="B"/><br />
</form><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Clicking the button enables the input next to it.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("button").click(function () {<br />
$(this).next().removeAttr("disabled")<br />
.focus()<br />
.val("editable now");<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<button>Enable</button><br />
<input type="text" disabled="disabled" value="can"t edit this" /><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Get form image control==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
var input = $(":image");<br />
$("div").text(input.length).css("color", "red");<br />
});<br />
</script><br />
</head><br />
<body><br />
<form><input type="image" /></form><br />
<DIV></DIV><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Get form password field==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
var input = $("input:password");<br />
$("div").text(input.length);<br />
<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<form><br />
<input type="password" /><br />
</form><br />
<div></div><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Get hidden form fields==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<style><br />
.test{ border: 1px solid red; }<br />
</style><br />
<br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("span:last").text($("input:hidden").length + " hidden inputs.");<br />
});<br />
</script><br />
<br />
</head><br />
<body><br />
<span></span><br />
<div></div><br />
<div style="display:none;">Hider!</div><br />
<div></div><br />
<div></div><br />
<form><br />
<input type="hidden" /><br />
<input type="hidden" /><br />
<input type="hidden" /><br />
</form><br />
<span></span><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Query form file input field==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
var input = $(":file");<br />
$("div").text(input.length);<br />
});<br />
</script><br />
</head><br />
<body><br />
<form><br />
<input type="file" /><br />
</form><br />
<div><br />
</div><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Query reset from form==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
var input = $(":reset");<br />
$("div").text(input.length);<br />
<br />
});<br />
<br />
<br />
<br />
</script><br />
</head><br />
<body><br />
<form><br />
<br />
<input type="reset" /><br />
<br />
</form><br />
<div><br />
</div><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Query submit button==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
var input = $(":submit");<br />
<br />
$("#result").text("jQuery matched " + input.length + " elements.");<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<form><input type="submit" /></form><br />
<div id="result"></div><br />
<br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Set value to disabled form field==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("input:disabled").val("data");<br />
});<br />
</script><br />
</head><br />
<body><br />
<form><br />
<input name="email" disabled="disabled" /><br />
<br />
</form><br />
<div><br />
</div><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==To trigger the select event on all input elements==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
$("input").select();<br />
<br />
</source></div>
Admin