数据库值无法获取到 Dropdownlist jQuery答案

【问题标题】：Database value cannot get it to the Dropdownlist jQuery数据库值无法获取到 Dropdownlist jQuery
【发布时间】：2015-04-18 04:23:46
【问题描述】：

在我的数据库中有一个列，名称是Sequence，它由数字（整数）组成。在我的应用程序的编辑功能中，我需要在我的 jQuery 下拉列表中显示选定的数字。

在我的 AJAX 调用中，我发送了 ProductId 并获取了特定的行。

HTML 控件

 <select class="form-control" id="drpsequence"></select>

我的 jQuery 下拉菜单

 $("#drpsequence option:selected").append($("<option></option>").val(msg._prodlng[0].Sequence).text(msg._prodlng[0].Sequence));

在上面的代码中，msg._prodlng[0].Sequence 是选定的数字

【问题讨论】：

标签： javascript jquery asp.net ajax json

【解决方案1】：

我不确定您要做什么，但看起来您正在将 <option> 标记添加到另一个 <option> 标记中，这很可能不是您想要的。

【讨论】：

【解决方案2】：

如果返回值已作为选定选项存在：

$("#drpsequence").val(msg._prodlng[0].Sequence).prop('selected', true);

或者，如果您需要添加选项：

var opt = $("<option>")
   .val(msg._prodlng[0].Sequence)
   .text(msg._prodlng[0].Sequence);

$("#drpsequence").append(opt);

片段示例：

// foo --> select
$('#foo').val('baz').prop('selected', true);

$('#bim').click(function(){
    $('#foo').append('<option id="boop" value="boop">boop</option>'); //<-- or loaded value
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="foo">
    <option>-- select --</option>
    <option id="bar" value="bar">bar</option>
    <option id="baz" value="baz">baz</option>
</select>
<button id="bim">Add an option</button>

【讨论】：

【解决方案3】：

您需要执行以下操作之一。

要么找到该选项，然后将 selected = true 设为这样。

$("#sel option").each(function(i) {
  if ($(this).val() == "Orange") $(this).attr("selected", "true");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="sel">
  <option>Apple</option>
  <option>Orange</option>
  <option>Banana</option>
</select>

或者，如果没有找到该选项，则添加并创建 selected = true。

就像你在问题中提到的那个。

【讨论】：