gpt4 book ai didi

javascript - 在javascript中动态添加输入

转载 作者:行者123 更新时间:2023-11-29 18:12:25 25 4
gpt4 key购买 nike

我是 javascript 的新手,我需要一些帮助来理解这段代码以及为什么它不起作用。

<html>
<head>
<title></title>
</head>
<body>

<form action="" method="POST">
<input id="in" type="text" name="name">
</form>
<button id="add">addone</button>

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
$('#add').click(function() {
$('#in').append('<br /><input type="text" name="name">');
});

</script>

</body>
</html>

我正在尝试附加另一个 html 输入,但我不知道为什么它不起作用!?。

最佳答案

一个输入是自关闭的,它没有 child ,你不能附加到它。

不过你可以在之后插入一些东西

$('#in').after('<br /><input type="text" name="name">');

<html>
<head>
<title></title>
</head>
<body>

<form action="" method="POST">
<input id="in" type="text" name="name">
</form>
<button id="add">addone</button>

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
$('#add').click(function() {
$('#in').after('<br /><input type="text" name="name">');
});

</script>

</body>
</html>

请注意,您复制了名称,并且根据您打算用它做什么,使用 name[] 可能是个好主意?

关于javascript - 在javascript中动态添加输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26128096/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com