时间戳

首页 > 解决方案 > 想要选中的下拉菜单

jquery - 想要选中的下拉菜单

问题描述

我有一张桌子来自我获取国家/地区，而在另一张桌子中我有一个选定的值。在 AJAX 的成功中，我也获得了所有国家和选定的价值。

我想要一个下拉列表中的条件，其中所选值需要显示在编辑视图中

<div class="form-group">
    <label class="required">Country</label>
    <select id="country-dropdown" name="country" class="form-control form_input required"></select>            
</div>

var countryoption = "";
$.each(data.countries, function(index, value) {
    selectedVal = data.country_id;
    countryoption += "<option value='" + value.id + "'>" + value.countryname + "</option>";
});
$('#country-dropdown').html(countryoption);

使用$.each，设置所有国家，但我想在编辑表单中显示所选值（selectedVal）。

我没有得到确切的条件。有谁知道该怎么做？

标签： jquery

解决方案

您需要设置selected属性option以显示它在表单中被选中。

var countryoption = "";
$.each(data.countries, function(index, value) {
    selectedVal = data.country_id;
    countryoption += "<option value='" + value.id + "'";
    if(selectedVal && selectedVal.trim()!='') {
      countryoption += " selected ";
    }
    countryoption +=  ">" + value.countryname + "</option>";
});
$('#country-dropdown').html(countryoption);

推荐阅读