如何在选择选项中显示从数据库获得的值

我想在选择选项中显示值，其中值是从数据库查询的值。而这个值应该在另一个函数中使用，而不是只显示。如何在选择选项中显示从数据库获得的值

这是带有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

如何在选择选项中显示从数据库获得的值

回答

相关问题