1

我做了一个这样的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');
});

之后，我得到了一个输入框，以“名称：”的形式附加到表单中。如何使名称字段可通过 jQuery 编辑，根据他的要求编辑名称。

4

2 回答 2

0

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

于 2013-01-03T11:38:55.047 回答
0

You can change this line
textBox = 'Name: <input type="text" name="name1" id="name1" />';

to this:
textBox = '<label for="name1">Name:</label> <input type="text" name="name1" id="name1" />';

After that you can get and set the label text using this code: $('label[for="name1"]').html();

于 2013-01-05T11:52:30.500 回答