数据库值无法将其传递给Dropdownlist jQuery

时间:2015-04-18 04:23:46

标签: javascript jquery asp.net ajax json

在我的数据库中有一列,名称为Sequence&它由数字(int)组成。在我的应用程序的编辑功能中,我需要在我的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中显示为选定的数字

3 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

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

$("#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>

答案 2 :(得分:0)

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

  • 找到该选项并将selected = true设为这样。

&#13;
&#13;
$("#sel option").each(function(i) {
  if ($(this).val() == "Orange") $(this).attr("selected", "true");
});
&#13;
<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>
&#13;
&#13;
&#13;

  • 或者如果找不到该选项,则添加并生成selected = true

就像你在问题中所拥有的一样。