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

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，該php從數據庫中刪除信息，並將ID傳遞為PHP的變量。

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