Question

我的下拉菜单如下：-

<form name="depositForm"  action="<?php echo site_url('ajax_funds/deposit_funds'); ?>" id="depositForm" class="page-form-main form-horizontal " autocomplete="off" method="post">
<div class="form-group">
   <label class="control-label col-sm-4" ></label>
     <div class="col-sm-8 country-selector">
        <select id="country" name="country" class="input-control">
           <?php foreach ($countries as $country) { ?>
              <option value='<?php echo $country['country_id']; ?>'><?php echo $country['short_name']; ?></option>
           <?php } ?>
        </select>
</div>
<script>
  country = 'AF';
 $('#country').selectize({
    allowEmptyOption: true,
    create: true
 });
 $("#country").change(function () {
   country = $("#country option:selected").val().toUpperCase();
});

$('#depositForm select[name="country"]').val(countryid); 
</script>

所以我要的是在编辑此表单时希望该国家/地区填充。我正在尝试下面的代码：-

$('#depositForm select[name="country"]').val(countryid);

countryid包含将要填充的国家/地区的ID，我提醒countryid，并且具有该国家/地区的正确ID，但问题是此代码无法正常工作。 countryid 来自ajax获取请求。

Answer 1

我将使用Select2（https://select2.org/data-sources/ajax）。您只需要创建一个获取国家列表的函数即可构建您的选项。

使用javascript编辑表单时填充下拉列表

1 个答案: