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

この行
textBox = 'Name: <input type="text" name="name1" id="name1" />';

を次のように変更でき
textBox = '<label for="name1">Name:</label> <input type="text" name="name1" id="name1" />';

ます。その後、次のコードを使用getしsetてラベル テキストを 変更できます。$('label[for="name1"]').html();

于 2013-01-05T11:52:30.500 に答える
0

テキストボックスを動的に編集するには、onChange 関数を使用することをお勧めします。

于 2013-01-03T11:38:55.047 に答える