У меня такая проблема: необходимо создать форму с переменным количеством полей, чтоб по нажатию на кнопку "Добавить еще поле", появлялось новое.
Я пробовал написать фукцию и вставить её в тело 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()? Може надо использовать что-то другое?
