Update-Link basierend auf Kunden-Input

Question

Ich habe folgendes Eingabefeld:

<input data-type="customerName" value="<?php echo isset($invoice['Client']['customerName']) ? $invoice['Client']['customerName']: ''; ?>" type="text" class="form-control" id="clientCompanyName" placeholder="Company Name"> 

Wenn der Benutzer darin, nutzt es die automatische Vervollständigung von Daten aus meinen SQL-Datenbank und die Anzeigenamen zu ziehen, und der Benutzer wählt den Namen das wird aus der Datenbank gezogen.

Wenn das Formular gespeichert wird, werden der Name und die UUID im Formular gespeichert. Ich habe einen anderen Code tidbit:

<a target="_blank" href="add-client.php?uuid=<?php echo isset($invoice['Client']['customeruuid']) ? $invoice['Client']['customeruuid']: ''; ?>"> 

Diese Links zu einer anderen Seite Client-Informationen zu aktualisieren, aber es funktioniert nur, nachdem das Formular gespeichert wird.

Ich versuche, den Link die ganze Zeit zu arbeiten, sofort nachdem der Benutzer einen customerName auswählt. Gibt es eine Möglichkeit, dies zu tun?

Answer 1

Ich würde Ihnen dringend empfehlen, sich für den AngularJS-Weg zu entscheiden. Sie können Ausdrücke verwenden, um Ihre Verknüpfung dynamisch zu formatieren.

prüfen dies: http://www.w3schools.com/angular/angular_expressions.asp

<div ng-app="" ng-init="myName='Foo'"> 
<input type="text" ng-model="myName"> 
<a ng-href="http:\\www.{{myName}}.com">{{myName}}</a> 

Stellvertreter ‚Foo‘ mit dem Abruf aus der Datenbank und können Sie gut zu gehen.

Wenn Sie Test wollen, wie es funktioniert, habe ich eine JSFiddle: https://jsfiddle.net/ny39728p/

Answer 2

Ja, Sie brauchen jquery und Ajax zu verwenden, PHP-Code auf dem Server ausgeführt werden, wenn die Seite geladen wird, ist es nicht dynamisch während angewendet Die Seite ist geöffnet. Sie müssen Javascript oder jquery verwenden, um Benutzereingaben zu verarbeiten, ohne die Seite neu zu laden. Wenn diese Benutzereingabe eine Datenbank abfragen muss, müssen Sie eine separate PHP-Seite verwenden und auf diese Informationen zugreifen, indem Sie $ .ajax mit jquery verwenden.