У меня такая проблема: необходимо создать форму с переменным количеством полей, чтоб по нажатию на кнопку "Добавить еще поле", появлялось новое
ЗЫ: Если необходимо будет использовать доп. библиотеку, то желательно jQuery |
Вы просите готовый скрипт с нуля.
Это работа, и за нее обычно платят деньги. Для таких сообщений предназначен раздел форума "Работа". Если вы все же хотите, чтобы вам помогли - приложите какие-то усилия сами и задавайте вопросы по ходу дела. В разработке вам помогут статьи: http://javascript.ru/tutorial/dom |
Вообще-то, я не думаю, что это так сложно, что стоит за это требовать оплаты!
Да и готовый скрипт мне вовсе не нужен! Попробую тогда по другому: Я пробовал написать фукцию и вставить её в тело jQuery
jQuery.fn.extend({
addfeilds:function(){
var n;
var i;
var substringhtml;
substringhtml=''
n = $(this).val();
for (i=1; i < n; i++)
{
substringhtml+='<tr><td>Введите '+i+' вариант<input type="text" name="value'+i+'" id="value'+i+'" value="" size="15"></td></tr>';
}
$("table.input").html(substringhtml).fadeIn("slow");
}
});
а потом в необходимом месте на странице:
<script language="javascript">
$(document).ready(function()
{
$("#val").blur(function(){
$("#val").addfeilds();
});
}
</script>
Введите количество вариантов
<input type="text" name="val" id="val" value="" size="2" maxlength="2">
<table class="nput">
</table>
Какие очевидные ошибки я допустил? И правильно ли я использую здесь функцию html()? Може надо использовать что-то другое? |
<html>
<body>
<form>
<div id=divf>
<input type=text>
</div>
<input type=button onclick=plus()>
</form>
<script>
function plus(){
document.getElementById('divf').innerHTML+='<br><input type=text>'
}
</script>
</body>
</html>
Так чтоле? |
ну примерно тот эффект, только имена им разные еще присвоить надо бы
|
счяс сделаю
|
<html>
<body>
<form>
<div id=divf>
<input type=text>
</div>
<input type=button onclick=plus()>
</form>
<script>
var n=0
function plus(){
document.getElementById('divf').innerHTML+='<br><input type=text id="id'+n+'" name="name'+n+'">'
n++
}
</script>
</body>
</html>
|
Спасибо, выручили, работает функция, как часы:)
|
Да незачто если с этой функцией будут проблемы обращайтесь=)
|
Цитата:
|
| Часовой пояс GMT +3, время: 08:53. |