Form: aktivieren TextArea- wenn Optionsfeld ausgewählt ist

Question

Wie Benutzereingabe andere Adresse in dem Textfeld kann, wenn das Optionsfeld für „Andere Adresse“, wie unter 4 Optionen:

<br><input type="radio" name="br_address" value="Address 1" checked> Address 1 
 
<br><input type="radio" name="br_address" value="Address 2"> Address 2 
 
<br><input type="radio" name="br_address" value="Address 3"> Address 3 
 
<br><input type="radio" name="br_address" value=""> Others Address 
 
<br><textarea name="br_address" rows="3" cols="40" disabled></textarea>

Thank Sie sehr für Ihre Hilfe & Unterstützung zuerst!

Answer 1

Sie können Javascript verwenden, um den Textbereich umzuschalten, wenn das andere Adressfeld aktiviert ist. So etwas wie dies funktionieren würde:

HTML

<br><label><input type="radio" name="br_address" value="Address 1" checked> Address 1</label> 
<br><label><input type="radio" name="br_address" value="Address 2"> Address 2</label> 
<br><label><input type="radio" name="br_address" value="Address 3"> Address 3</label> 
<br><label><input type="radio" name="br_address" value="" id="addressOther"> Others Address</label> 
<br><textarea name="br_address" rows="3" cols="40" disabled id="addressField"></textarea> 

JavaScript

var addressOther = document.querySelectorAll('input[name="br_address"]'); 
var addressField = document.getElementById('addressField'); 
var tempAddress = ""; 

for(var i = 0; i < addressOther.length; i++) { 
    addressOther[i].addEventListener("change", addressHandler); 
} 


function addressHandler() { 
    if(this.id == "addressOther") { 
    addressField.disabled = false; 
    addressField.value = tempAddress; 
    } else { 
    tempAddress = addressField.value; 
    addressField.value = ""; 
    addressField.disabled = true; 
    } 
} 

Sie können sehen, es in dieser Arbeit JS Fiddle: https://jsfiddle.net/pkqm6f52/

Hoffnung, das hilft!