編輯追加元素在HTML表單

我已經做了HTML表單是這樣的：編輯追加元素在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編輯，通過它可以根據他的要求編輯名稱。

來源

2013-01-03 Ranjit

你的意思是你想了'名稱：'標籤可編輯？如果是這樣，你會如何期待有人改變它？你的問題不是很清楚。 –

您希望用戶指定哪個值？ – musefan

哪個名字字段？輸入'name =「name1」'或「Name：'部分中的那個？ – ryadavilli

您可以更好地使用onChange函數來動態編輯文本框。

來源

2013-01-03 11:38:55

這會有什麼好處呢？ –

您可以更改此行
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-05 11:52:30

編輯追加元素在HTML表單

回答

相關問題