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

Question

我想在选择选项中显示值，该值是从数据库查询的。并且这个值应该在其他功能中使用，而不是仅显示。

这是带有 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.我使用Ajax 和PHP 从数据库中获取数据。而且我确信数据已经来了，因为我已经测试过在输入文本框中显示值并且没有问题。

PS.我不使用 append() 因为它不能用来定义值。它只能显示数据。

Answer 1

您只能将那些已经在选项中的值设置为下拉列表，因此您只能设置 ""、High 和 Low 值。如果您尝试设置除这些值之外的任何其他值，例如 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>