php ändern Textbox Wertebasis auf Dropdown-Liste

Question

Ich habe einen Tabellennamen tbl_material:

Material | Beschreibung

1000 | Samsung

2000 | Iphone

ich schreibe den Code unten Material Feld in Dropdown-Liste der HTML

require ("con_config.php"); 
$select_material_code = "SELECT material, description FROM tbl_material"; 
$get_material_code = mysqli_query ($con, $select_material_code); 
$options_material_Code = "--Select Product--"; 
$option_material_description = ""; 
while ($result_material_code = mysqli_fetch_array($get_material_code)) 
{ 
    $options_material_Code = $options_material_Code."<option>$result_material_code[1]</option>"; 
} 

Hier HTML ist

<select name="materialcode_1" id="materialcode_1"> 
<option value = "<?php echo $options_material_Code;?>"><?php echo $options_material_Code;?></option> 
</select> 

Ich habe eine Textbox zu erhalten:

<input type="text" name="description_1" placeholder="Description" maxlength="40" size="40" value="" id="description_1"> 

Ich möchte Beschreibung Feld aus Tbl_material, wenn ich Drop ändern wn Listenwert. wie es geht? Bitte helfen ....

Answer 1

$("#materialcode_1").change(function(e) { 
    $("#description_1").val($("#materialcode_1").val()) 

}); 

Answer 2

Diese Antwort nimmt die Beschreibung beliebiger Text eingegeben werden kann, möglicherweise Text länger, als Sie in den Wert der Dropdown-Liste setzen wollen würde, deshalb habe ich ein JSON-Objekt verwendet wird.

Lassen Sie uns zunächst alle Ergebnisse auf einmal erfassen, damit wir sie mit JSON kodieren können und dann unsere Schleifen durchführen.

$result_material_code = mysqli_fetch_all($get_material_code, MYSQLI_ASSOC); 
echo '<select name="materialcode_1" id="materialcode_1">'; 
foreach($result_material_code as $index=>$row){ 
    echo "<option value='$index'>{$row['material']}</option>"; 
} 
echo "</select>"; 

Dann ziehen wir die JSON in ein Javascript und verwenden jQuery für Änderungen an der Drop-down zu hören. Wenn der Benutzer die Dropdown-Liste ändert, wird eine Warnung mit der Beschreibung angezeigt.

$(function(){ 
    // Give the DB results to JavaScript 
    var materialcode_1_data = <?php echo json_encode($result_material_code); ?>; 

    // Listen for Dropdown changes 
    $("#materialcode_1").change(function(){ 
     // Alert the description 
     alert(materialcode_1_data[$(this).val()].description); 
    }); 
}); 

See:

mysqli_fetch_all()

change()

Answer 3

$('#materialcode_1').on('change', function() { 
    $('#description_1').val($(this).val()); 
});