如何在選擇選項中顯示從數據庫獲得的值

我想在選擇選項中顯示值，其中值是從數據庫查詢的值。而這個值應該在另一個函數中使用，而不是隻顯示。如何在選擇選項中顯示從數據庫獲得的值

這是帶有JQM的html腳本。

<div data-role="fieldcontain" class="ui-field-contain"> 
    <label>Priority : </label> 
    <select name="priority" id="idPriority"> 
     <option value=""></option> 
     <option value="High">High (3days)</option> 
     <option value="Low">Low (5days)</option> 
    </select> 
</div>

這是jQuery腳本。

function functionSuccess(data){ 
    var eachrow = JSON.parse(data); 
    $('#idPriority').val(eachrow[0].logPriority); //This line is not work 
}

PS.I使用Ajax和PHP從數據庫中獲取數據。而且我確信數據已經來了，因爲我已經測試過在輸入文本框中顯示值，而且沒有問題。

PS.I不使用append（），因爲它不能用來定義值。它只能顯示數據。

來源

2015-10-05 onSunday

添加響應字符串'data' –

我不認爲問題是數據。我已經用$（'＃idPriority'）。val（「Test」）等固定值進行測試。但它仍不會在選擇選項中顯示值。 – onSunday

您只能將這些值設置爲已經在選項中的下拉列表，因此您只能設置"",High和Low的值。如果您嘗試設置比這些E.g Test以外的任何其他值，那麼它將不起作用。

var myResponse = [{"logPriority":"High"}]; 
 
$(document).ready(function() { 
 
    $('#idPriority').val(myResponse[0].logPriority); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div data-role="fieldcontain" class="ui-field-contain"> 
 
    <label>Priority : </label> 
 
    <select name="priority" id="idPriority"> 
 
     <option value=""></option> 
 
     <option value="High">High (3days)</option> 
 
     <option value="Low">Low (5days)</option> 
 
    </select> 
 
</div>

來源

2015-10-05 06:23:52

我已經測試過你的建議，但它不起作用，什麼也沒顯示，也沒有錯誤。 – onSunday

您可以添加回答數據嗎？ –

我是新來的。你能給我怎麼做嗎？我只檢查console.log（數據），它顯示[{「logPriority」：「High」}] – onSunday

我已經通過使用本地存儲和append（）一起解決了這個問題。

對於HTML腳本，我添加了選擇標記的類。

<div data-role="fieldcontain" class="ui-field-contain"> 
    <label>Priority : </label> 
    <select name="priority" id="idPriority" class="classPriority"> 
     <option value=""></option> 
     <option value="High">High (3days)</option> 
     <option value="Low">Low (5days)</option> 
    </select> 
</div>

對於jQuery腳本

function functionSuccess(data){ 
    var eachrow = JSON.parse(data); 
    $('.classPriority').append(eachrow[0].logPriority); //show value 
    localStorage.setItem("SelectPriority",eachrow[0].logPriority); //Keep value 
}

而且例如在另一個函數中獲取價值。

function examplePullValue() { 
    alert(localStorage.getItem("SelectPriority")); //get value 
    localStorage.removeItem("SelectPriority"); //remove value 
}

來源

2015-10-20 06:17:50 onSunday

如何在選擇選項中顯示從數據庫獲得的值

回答

相關問題