Javascript 是否尝试克隆id并使用现有文本字段的值创建隐藏字段?
我对使用jQuery/JavaScript非常陌生,所以如果这是一个有点愚蠢的问题,请不要评判我:) 我要做的是创建一个隐藏字段,其值为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() {
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();
到
谢谢:)。计时器一停,我马上就接受你的回答。