2013-01-03 2 views
1

에 APPEND 요소를 편집 :나는이 같은 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에 의해 이름 필드를 편집 할 수있게하는 방법은 그의 요구 사항에 따라 이름을 편집하는 것입니다.

+2

는 당신이'이름을하려는 건 아니 겠죠을' 편집 가능한 라벨? 그렇다면 누군가 어떻게 그것을 바꿀 것이라고 기대합니까? 귀하의 질문은 명확하지 않습니다. –

+0

사용자는 누구에게 값을 지정할 것으로 기대합니까? – musefan

+0

어떤 이름 필드? 입력'name = "name1"'또는'Name :'부분 안에있는 것? – ryadavilli

답변

0

onChange 기능을 사용하면 텍스트 상자를 동적으로 편집 할 수 있습니다.

+0

그게 무슨 소용이겠습니까? –

0

이 라인이에
textBox = 'Name: <input type="text" name="name1" id="name1" />';

변경할 수 있습니다 그 후
textBox = '<label for="name1">Name:</label> <input type="text" name="name1" id="name1" />';

을 할 수 있습니다 getset이 코드를 사용하여 레이블 텍스트 : $('label[for="name1"]').html();

관련 문제