Question

我做了一个像这样的html表单：

<!DOCTYPE HTML>
<html lang="en-IN">
<head>
    <title>jQuery Form</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="jquery.min.js"></script>
    <script src="main.js"></script>
</head>

<body>

<div id="left-sidebar">

  <div id="input-box" class="element" >Input Box</div>
  <div id="text-area" class="element" >Text Area</div>
</div>
<div id="main">
  <form id="myForm">
  </form>
</div> 

</body>

</html>

现在我想用jQuery代码创建一个输入框。我在这里做了什么：

jQuery(document).ready(function() {

  textBox = 'Name: <input type="text" name="name1" id="name1" />';
  jQuery('#input-box').click(function() {
    jQuery('#myForm').append(textBox);
  });

  jQuery('#btnDel').attr('disabled','disabled');
});

之后我将一个输入框附加到表单中，作为“Name：”。如何通过jQuery使名称字段可编辑，根据需要编辑名称。

Answer 1

您可以更好地使用onChange函数动态编辑文本框。

Answer 2

您可以将此行更改为textBox = 'Name: <input type="text" name="name1" id="name1" />';

到此：
textBox = '<label for="name1">Name:</label> <input type="text" name="name1" id="name1" />';

之后您可以{使用以下代码{1}}和get标签文字：set

编辑html表单中的append元素

2 个答案: