deaktivieren und aktivieren Textbox für bearbeiten und speichern Informationen

-1

Ich habe diese Form ich versuche, wenn ich auf die Schaltfläche Bearbeiten, um die Eingabefeld ermöglichen wird, und ich kann die Informationen über siedeaktivieren und aktivieren Textbox für bearbeiten und speichern Informationen

und bearbeiten, wenn ich auf die Schaltfläche Speichern klicken Sie auf die Eingabefeld wird auf mySQL-Datenbank und das Textfeld

i mit diesem Code versuche deaktiviert wird unten gespeichert werden, aber es hat nicht funktioniert

jeden Vorschlag bitte?

<form name='' id='' action='' method='post'> 
<input type='text' name='txt_category' id='category' value='$category' disabled> 
<input type='text' name='txt_stage' id='stage' value='$stage' disabled> 
<input type='checkbox' name='txt_approve' id='approve' value='$approve' disabled> 
<input type='submit' name='edit' value='edit' onclick='myFunction()'> 
<input type='submit' name='save' value='save' onclick='mysaveFunction()'> 
</form>

/***********************************/

<script> 
function myFunction() { 
document.getElementById('category').readOnly = true; 
document.getElementById('stage').readOnly = true; 
document.getElementById('approve').readOnly = true; 
} 
</script>

/**********************************/

<script> 
    function mysaveFunction() { 
    document.getElementById('category').disabled = true; 
    document.getElementById('stage').disabled = true; 
    document.getElementById('approve').disabled = true; 
    } 
    </script>

Quelle

2016-09-02 mhmd

Sie erarbeiten müssen 'aber es hat nicht Werk'. Was hast du versucht und was hat nicht funktioniert? Aktualisieren Sie Ihre Frage, damit sich die Leute hier auf ein bestimmtes Problem konzentrieren können. – Jigar

Versuchen Sie diese:

$(document).ready(function(){ 

    $("form input[type=text],form input[type=checkbox]").prop("disabled",true); 

    $("input[name=edit]").on("click",function(){ 

      $("input[type=text],input[type=checkbox]").removeAttr("disabled"); 
    }) 

    $("input[name=save]").on("click",function(){ 

     $("input[type=text],input[type=checkbox]").prop("disabled",true); 
    }) 


})

Schlusscode:

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
</head> 
 
<body> 
 
    <form name='' id='' action='' method='post'> 
 
     <input type='text' name='txt_category' id='category' value='$category' disabled> 
 
     <input type='text' name='txt_stage' id='stage' value='$stage' disabled> 
 
     <select disabled> 
 
      <option>I am Option 1</option> 
 
      <option>I am Option 2</option> 
 
     </select> 
 
     <input type='checkbox' name='txt_approve' id='approve' value='$approve' disabled> 
 
     <input type="button" name='edit' value='edit'> 
 
     <input type="button" name='save' value='save'> 
 
    </form> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script> 
 
     
 
    $(document).ready(function(){ 
 

 
     $("form input[type=text],form input[type=checkbox]").prop("disabled",true); 
 

 
     $("input[name=edit]").on("click",function(){ 
 

 
       $("input[type=text],input[type=checkbox],select").removeAttr("disabled"); 
 
     }) 
 

 
     $("input[name=save]").on("click",function(){ 
 

 
      $("input[type=text],input[type=checkbox],select").prop("disabled",true); 
 
     }) 
 

 

 
    }) 
 
    </script> 
 
</body> 
 
</html>

Wenn Sie es möchten, verwenden in der Tabelle,

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
</head> 
 
<body> 
 
    <form name='' id='' action='' method='post'> 
 
     
 
     <table> 
 
      <tr> 
 
       <td> 
 
        <input type='text' name='txt_category' id='category' value='$category' disabled> 
 
        <input type='text' name='txt_stage' id='stage' value='$stage' disabled> 
 
        <select disabled> 
 
         <option>I am Option 1</option> 
 
         <option>I am Option 2</option> 
 
        </select> 
 
        <input type='checkbox' name='txt_approve' id='approve' value='$approve' disabled> 
 
        <input type="button" name='edit' value='edit'> 
 
        <input type="button" name='save' value='save'> 
 
       </td> 
 
      
 
      </tr> 
 
      
 
      <tr> 
 
       <td> 
 
        <input type='text' name='txt_category' id='category' value='$category' disabled> 
 
        <input type='text' name='txt_stage' id='stage' value='$stage' disabled> 
 
        <select disabled> 
 
         <option>I am Option 1</option> 
 
         <option>I am Option 2</option> 
 
        </select> 
 
        <input type='checkbox' name='txt_approve' id='approve' value='$approve' disabled> 
 
        <input type="button" name='edit' value='edit'> 
 
        <input type="button" name='save' value='save'> 
 
       </td> 
 
      
 
      </tr> 
 
     
 
     </table> 
 
    
 
    </form> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script> 
 
     
 
    $(document).ready(function(){ 
 

 
     $("form input[type=text],form input[type=checkbox]").prop("disabled",true); 
 

 
     $("input[name=edit]").on("click",function(){ 
 

 
      $(this).closest("td").find("input[type=text],input[type=checkbox],select").removeAttr("disabled"); 
 
     }) 
 

 
     $("input[name=save]").on("click",function(){ 
 

 
      $(this).closest("td").find("input[type=text],input[type=checkbox],select").prop("disabled",true); 
 
     }) 
 

 

 
    }) 
 
    </script> 
 
</body> 
 
</html>

Quelle

2016-09-02 11:00:01 Ehsan

Was sollte ich hinzufügen, damit ein Auswahlfeld in der Jquery aktiviert und deaktiviert wird? – mhmd

@mhmd, benutze 'select' Tag zum Beispiel, für deaktiviert' $ ("Eingabe [Typ = Text], Eingabe [Typ = Kontrollkästchen], wählen Sie"). RemoveAttr ("deaktiviert"); 'und aktivieren' $ (" input [type = text], input [type = checkbox], wähle "). prop (" disabled ", true);' – Ehsan

ich sage es so, aber es funktioniert nicht $ (document) .ready (function() { $ ("form input [type = text], Formulareingabe [type = checkbox], select"). Prop ("disabled", true); $ ("input [name = bearbeiten]"). On (" click ", function() { $ (" eingabe [type = text], eingabe [type = checkbox], select] "). removeAttr (" disabled ";}) $ (" eingabe [name = speichern] ") .on ("klick", function() {$ ("input [type = text], input [type = checkbox], wähle"). prop ("disabled", true);})}) – mhmd

ich bin nicht sicher, dass beantwortet Ihre Frage, aber wenn Sie möchten, dass Ihre Eingaben beim Klicken aktiviert/deaktiviert werden, können Sie dies verwenden:

<input type='button' name='edit' value='edit' onclick='myFunction()'> 


<script> 
function myFunction() { 
    document.getElementById('category').disabled = false; 
    document.getElementById('stage').disabled = false; 
    document.getElementById('approve').disabled = false; 
} 
</script>

Da eine Submit-Eingabe Ihre Seite neu lädt, müssen Sie Ihre Eingabe nicht erneut deaktivieren. Aus diesem Grund können Sie auch keinen submit Eingang für Ihre Bearbeitungsschaltfläche verwenden.

Quelle

2016-09-02 10:47:52 Nirnae

Bitte beachten Sie das Beispiel hier. Verwenden Sie .disabled Eigenschaft in beiden Funktionen:

function mysaveFunction() { 
 
    document.getElementById('category').disabled = true; 
 
    document.getElementById('stage').disabled = true; 
 
    document.getElementById('approve').disabled = true; 
 
    } 
 
function myFunction() { 
 
document.getElementById('category').disabled = false; 
 
    document.getElementById('stage').disabled = false; 
 
    document.getElementById('approve').disabled = false; 
 
}

<form name='' id='' action='' method='post'> 
 
<input type='text' name='txt_category' id='category' value='$category' disabled> 
 
<input type='text' name='txt_stage' id='stage' value='$stage' disabled> 
 
<input type='checkbox' name='txt_approve' id='approve' value='$approve' disabled> 
 
<input type='button' name='edit' value='edit' onclick='myFunction()'> 
 
<input type='submit' name='save' value='save' onclick='mysaveFunction()'> 
 
</form>

Quelle

2016-09-02 10:52:16 meditari

danke, aber ich habe ein Problem, wenn ich auf Bearbeiten klicken die Eingabe aktiviert sein, aber die Seite neu laden und das Eingabefeld erneut wieder freigegeben – mhmd

Der Eingabe-Typ für die Bearbeitung sollte Typ = 'Schaltfläche' sein. Ich habe das Beispiel aktualisiert. Der Typ = 'submit' bewirkt, dass die Seite neu geladen wird. – meditari

deaktivieren und aktivieren Textbox für bearbeiten und speichern Informationen

Antwort

Verwandte Themen