Wie mein erstes Eingabefeld zu einem anderen Eingabefeld verknüpfen, die es in der Datenbank

Ich mag war meine Eingabe von Text zu einem anderen Eingabetext verknüpfen, aber es wird wie war in Datenbanken geplant,Wie mein erstes Eingabefeld zu einem anderen Eingabefeld verknüpfen, die es in der Datenbank

ex : Ich möchte eingeben wie "Acesulfame" in der ersten Eingabebox (Name Item) und dann in der zweiten Eingabebox wird es "Sweeteners" (Sub. Kategorie) und in der dritten Eingabebox wird es sagt "0001" (Code Oracle).

wie soll ich dann tun ?, das ist nur ein Beispiel.

<div class="form-group"> 
     <label class="control-label col-sm-3" for="code_oracle">Code Oracle</label> 
     <div class="col-sm-9"> 
      <input name='code_oracle' type='text' class='form-control' placeholder='Code Oracle' required title='Code Revision Formula' id="code_oracle" value=""></input> 
     </div> 
    </div> 
    <div class="form-group"> 
      <label class="control-label col-sm-3" for="name_item">Name Item</label> 
      <div class="col-sm-9"> 
       <input name='name_item' type='text' class='form-control' placeholder='Nama Sample' required title='Name Sample' id="name_item" value=""></input> 
      </div> 
    </div> 
    <div class="form-group"> 
      <label class="control-label col-sm-3" for="category">Sub. Category</label> 
      <div class="col-sm-9"> 
       <input name='category' type='text' class='form-control' placeholder='Sub. Category' required title='Sub. Category' id="category" value=""></input> 
      </div> 
    </div>

Mein echter Code ist in unten.

<input name='kode_oracle' type='text' class='form-control' placeholder='Kode Oracle' required data-toggle='tooltip' data-placement='left' title='Kode Revisi Formula' id='kode_oracle'> 
<input name='nama_item' type='text' class='form-control' placeholder='Nama Sederhana' required data-toggle='tooltip' data-placement='left' title='Nama Sederhana' id='nama_item' onkeyup='fill()'> 
<input name='sub_kategori' type='text' class='form-control' placeholder='Sub. Kategori' required data-toggle='tooltip' data-placement='left' title='Sub. Kategori' id='sub_kategori'>

Kann mir jemand helfen ?, ich den Code nicht überall finden kann, und ich kann nicht einen Code zu tun, dass erstellen.

Quelle

2016-12-26 ghafftech

Wenn Sie PHP verwenden, benötigen Sie eine Aktualisierung der Seite, die anderen Eingänge zu aktualisieren. Wenn Sie es interaktiv wollen, können Sie Javascript verwenden. Dann müssen Sie entweder die Datenbank in Javascript laden oder einen AJAX-Aufruf durchführen, um die Daten vom Server zu laden. Aus dem Code, den Sie zur Verfügung gestellt haben, ist nicht klar, was Ihre Absicht ist, vielleicht können Sie uns etwas mehr Informationen geben? – rednaw

Der Code ist nur ein Beispiel aus meinem Code ist, ich verwirre wirklich über diese Situation, ich habe den Code überall gesucht und es ist nichts. – ghafftech

Ich habe versucht, es auf codepen.io wie Sie, und es funktioniert, aber wenn ich es versuche, ist mein Code nicht funktioniert, tat etwas passiert ?, Ich benutze auch Bootstrap, weil Bootstrap oder etwas anderes ?, jeder hilft ~! – ghafftech

erwartetes Ergebnis zu erzielen, unter Option

Erhalten Sie Daten aus der Datenbank durch Aufruf AJAX und JSON-Format
zuordnen respone Objekt zu variablen Daten
Verwenden onkeyup Funktion Name Eingabefelder Autofill Wert

HTML:

<div class="form-group"> 
     <label class="control-label col-sm-3" for="code_oracle">Code Oracle</label> 
     <div class="col-sm-9"> 
      <input name='code_oracle' type='text' class='form-control' placeholder='Code Oracle' required title='Code Revision Formula' id="code_oracle" value=""></input> 
     </div> 
    </div> 
    <div class="form-group"> 
      <label class="control-label col-sm-3" for="name_item">Name Item</label> 
      <div class="col-sm-9"> 
       <input name='name_item' type='text' class='form-control' placeholder='Nama Sample' required title='Name Sample' id="name_item" value="" onkeyup="fill()"></input> 
      </div> 
    </div> 
    <div class="form-group"> 
      <label class="control-label col-sm-3" for="email">Sub. Category</label> 
      <div class="col-sm-9"> 
       <input name='category' type='text' class='form-control' placeholder='Sub. Category' required title='Sub. Category' id="category" value=""></input> 
      </div> 
    </div>

JS: nur

var data =[{ 
    "name":"Acesulfame", 
    "sub":"Sweeteners", 
    "code":"0001" 
},{ 
    "name":"XYZ", 
    "sub":"abc", 
    "code":"0002" 
},{ 
    "name":"AAA", 
    "sub":"ZZZ", 
    "code":"0003" 
}] 

var fill =function(){ 

    var result = data.filter(function(obj) { 
    return obj.name == document.getElementById('name_item').value; 
    }); 

    document.getElementById('category').value = result[0].sub; 
    document.getElementById('code_oracle').value =result[0].code; 

}

Codepen- http://codepen.io/nagasai/pen/aBrXod

Quelle

2016-12-26 03:37:42

Ich denke, das ist klar genug für mich, aber ich habe ein Problem mit diesem Code, es funktionierte nicht mit PHP, können Sie mir sagen, die JS sollte wo setzen, in der ersten Datei oder zweiten Datei ?, weil ich habe eine Datei mit zwei .php, und es sind zwei miteinander verknüpft worden. – ghafftech

create auf js-Datei und haben AJAX-Aufruf und das onkeyup-Funktion und enthalten es in den PHP-Dateien?>

Ich habe das gesagt Code zu meinem in meiner ersten Datei .php, und es ist noch nicht Arbeit, Ich brauche wieder einen Rat, können Sie? – ghafftech

Wie mein erstes Eingabefeld zu einem anderen Eingabefeld verknüpfen, die es in der Datenbank

Antwort

Verwandte Themen