버튼 클릭시 양식 필드 편집 가능

Question

PHP에서 버튼 클릭으로 양식 필드를 편집하는 방법을 알고 싶습니다. 내보기 파일의 일부 : 페이지로드 필드에

<?php echo Form::label("email", "Email"); ?> 
    <?php echo Form::input("email", $userdetails->email,array('disabled' => 'disabled')); ?> 
    <br/> 
    <?php echo Form::label("description", "Description"); ?> 
    <?php echo Form::textarea("description", $userdetails->description,array('disabled' => 'disabled')); ?> 
    <br/> 
    <?php echo Form::submit("submit", "Submit"); ?> 
    <?php echo Form::close(); ?> 
    <a href="../index"><input type="button" name="edit" value="Edit" ></a> 

는 disabled해야한다.

사용자가 편집 버튼을 클릭하면 숨김 필드가 편집 가능으로 바뀌어야합니다.

Answer 1

모의 양식

<form> 
    <input id="inp" type="text" disabled> 
    <input id="edit" type="button" value="Edit"> 
</form> 

자바 스크립트

var el = document.getElementById('edit'); 
el.addEventListener('click', function(){ 
    document.getElementById('inp').disabled = false; 
}); 

DEMO 사용성 위해서

그러나,이 제안 :

,

var el = document.getElementById('edit'); 
var inp = document.getElementById('inp'); 
el.addEventListener('click', function(){ 
    inp.disabled = false; 
    inp.focus(); // set the focus on the editable field 
}); 

편집 됨 : OP에서 클릭 할 때 여러 요소를 사용하도록 설정해야합니다.

var el = document.getElementById('edit'); 
var frm = document.getElementById('myform'); 
el.addEventListener('click', function(){ 
    for(var i=0; i < frm.length; i++) { 
     frm.elements[i].disabled = false; 

    } 
    frm.elements[0].focus(); // put focus on the first element 
}); 

Another Demo

Answer 2

당신은 거짓

jQuery("input[name=edit]").click(function(){ 
    jQuery("input[name=email],input[name=description]").attr("disabled",false); 
}); 

input[name=email]에 disabled 속성을 설정하기 위해 jQuery를 사용할 수는

input[name=description]는 설명 입력 필드를 선택하여 이메일 입력 필드를 선택