Zugriff auf HTML-Element im Formular

Question

<form name="vesselForm" novalidate> 
    <input type="text" id="owner" name="ownerEdit" required ng-blur="vesselForm.btnCC.attr('value', 'Change Customer')"/> 
<input type="button" name="btnCC" value="Customer" /> 
</form> 

Ich möchte den Wert der Schaltfläche von "Customer" auf "Change Customer" ändern. Versuchte eine Nr. von Möglichkeiten:

vesselForm.btnCC.value='Change Customer' 
this.vesselForm.btnCC.value='Change Customer' 
vesselForm.btnCC.value('Change Customer') 
document.btnCC.value='Change Customer' 
vesselForm.btnCC.attr('value', 'Change Customer') 

aber kein Erfolg. Ich wäre dankbar für jede Hilfe. Danke im Voraus.

Answer 1

Wenn Sie wollen, dies von einem Javascript zu tun, das durch ein Ereignis ausgelöst wird, dann müssen Sie

document.getelementById('btnCC').value = "Change Customer";

HTML

<input blah blah onblur="document.getelementById('btnCC').value='Change Customer'" />