在javascript中動態添加輸入

Question

我是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輸入，但是我不知道為什么它不起作用！？。

Answer 1

輸入是自動關閉的，沒有子項，您無法追加。

但是，您可以在其后插入一些內容

$('#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中動態添加輸入

問題描述

1 個解決方案

解決方案1
4 已采納 2014-09-30 19:00:52

在javascript中動態添加輸入

問題描述

1 個解決方案

解決方案1 4 已采納 2014-09-30 19:00:52

解決方案1
4 已采納 2014-09-30 19:00:52