Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否尝试克隆id并使用现有文本字段的值创建隐藏字段?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 是否尝试克隆id并使用现有文本字段的值创建隐藏字段?

Javascript 是否尝试克隆id并使用现有文本字段的值创建隐藏字段?,javascript,jquery,html,Javascript,Jquery,Html,我对使用jQuery/JavaScript非常陌生,所以如果这是一个有点愚蠢的问题,请不要评判我:) 我要做的是创建一个隐藏字段,其值为name='link_x',x表示一个随机数,每次单击时,该包含与name='link_x'的类选择器相同的id选择器 这是我的想法,但似乎不起作用: 我的JS: $(document).ready(function() { $('div.delete_button').click( function() {

我对使用jQuery/JavaScript非常陌生,所以如果这是一个有点愚蠢的问题,请不要评判我:)

我要做的是创建一个隐藏字段,其值为
name='link_x'
x
表示一个随机数,每次单击
时,该
包含与
name='link_x'
的类选择器相同的id选择器

这是我的想法,但似乎不起作用:

我的JS:

$(document).ready(function() {
            $('div.delete_button').click( function() {
                var buttonId = $(this).attr('id');
                var inputVal = $('input').hasClass(buttonId).val();

                var num     = $('.clonedInput').length;
                var newNum  = new Number(num + 1);

                var newElem = $('#hidden' + num).clone().attr('id', 'input' + newNum);

                newElem.children(':first').attr('name', 'link[' + newNum + ']').val(inputVal);
                $('#input' + num).after(newElem);

                $(this).css('display','none');
    });
});
<form action="delete-func.php" method="post">
<div id="hidden1" class="clonedInput">
<input name="link[1]" type="hidden"  value="http://www.google.com/" />
</div>
<input class="1" name="del_link" type="text" value="http://www.euieuek.com" /><div id="1" class="delete_button" style="color: red; cursor: pointer;">X</div>
<input type="submit" value="Delete from records!" />
</form>
我的HTML:

$(document).ready(function() {
            $('div.delete_button').click( function() {
                var buttonId = $(this).attr('id');
                var inputVal = $('input').hasClass(buttonId).val();

                var num     = $('.clonedInput').length;
                var newNum  = new Number(num + 1);

                var newElem = $('#hidden' + num).clone().attr('id', 'input' + newNum);

                newElem.children(':first').attr('name', 'link[' + newNum + ']').val(inputVal);
                $('#input' + num).after(newElem);

                $(this).css('display','none');
    });
});
<form action="delete-func.php" method="post">
<div id="hidden1" class="clonedInput">
<input name="link[1]" type="hidden"  value="http://www.google.com/" />
</div>
<input class="1" name="del_link" type="text" value="http://www.euieuek.com" /><div id="1" class="delete_button" style="color: red; cursor: pointer;">X</div>
<input type="submit" value="Delete from records!" />
</form>

X
任何编辑、回答、评论都将不胜感激!如果您认为我目前给出的内容不清楚,请询问更多信息

:)改变

var inputVal = $('input').hasClass(buttonId).val();

谢谢:)。计时器一停,我马上就接受你的回答。