在輸入框中插入數據庫中的值

Question

如何更改此代碼以在網頁的某些輸入框中從數據庫中插入值？我還需要在頁面上添加一些動態文本，如果找不到結果。我只需要使用som變量而不是for循環，然後爲每個輸入框插入如下所示的內容：$（「input」）.val（j [i] .optionValue）;

$(function(){ 
    $("select#ctlJob").change(function(){ 
    $.getJSON("select.php",{id: $(this).val()}, function(j){ 
    var options = ''; 

    for (var i = 0; i < j.length; i++) { 
     options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>'; 
    } 

    $("#ctlPerson").html(options); 
    $('#ctlPerson option:first').attr('selected', 'selected'); 
    }) 
})   
}) 

像這樣：

<div> 
<label>number</label> 
<input type="text" id="ctlJob" /> 
<input type="submit" value="Get info from table and insert in fields" name="submit" /> 
</div> 

<div> 
<label>field1</label> 
<input type="text"name="field1" maxlength="5" class="input" /> 
</div> 

<div> 
<label>Field2</label> 
<input type="text"name="field2" maxlength="5" class="input" /> 
</div> 


<label>&nbsp;</label> 
<input type="submit" value="Send" name="submit" /> 

Answer 1

數據庫是在服務器和jQuery/Javascript也是在客戶端。所以你可以這樣做的唯一方法是：

1-當使用.php生成html時，檢索數據庫信息並將其與HTML混合。

2-當您的頁面加載時觸發Jquery事件，然後對.php執行AJAX請願，檢索並返回您需要的數據，然後通過Jquery將其插入到您的HTML中。

$.post('get_db_info.php', function(data) { 
    $("#input_where_data_goes").val(data); 
}); 

如果您需要一次檢索多個值，以JSON格式返回它們通常是最好的。

如果你想從數據庫中刪除一些東西，當你在HTML中刪除它時，它或多或少是相同的：當你從HTML中刪除它時，將一個AJAX請求從一個php中刪除，一個ID作爲PHP的一個變量。

$.post('delete_db_info.php', {deleted_id: deleted_id},function(data) { 
    alert("DATA: "+deleted_id+" DELETED!"); 
});