Ajax & niceSelect()

Question

我在我的select菜单上使用niceSelect，它工作得很好。

我正在使用Ajax在第一个选择菜单(region)的基础上添加第二个选择菜单(county)

除了我似乎不能让niceSelect应用到#regionHolder中的新下拉菜单之外，所有这些都可以正常工作。我的HTML：

<div class="col-lg-4 column-lg-full">
<div class="input-box">
<label class="label-text">Location</label>
<div class="form-group">
<select class="location-option-field" id="jobRegion" name="jobRegion">
    <option value="">Select Region</option>
    <option value="region-1">Region 1</option>
    <option value="region-2">Region 2</option>
    <option value="region-3">Region 3</option>
</select>
</div><!-- end form-group -->
</div>
</div><!-- end col-lg-4 -->
                                        
<div class="col-lg-4 column-lg-full" id="regionHolder"></div>

Jquery

$(document).ready( function () {
             
             $('select').niceSelect();
             
             $(".column-lg-full").on('change', "#jobRegion", function(event) {
                
                event.preventDefault();
                var value = $("#jobRegion option:selected").val();

                $.ajax({
                  url: '/control/employer/jobs/region',
                  type: "GET",
                  data: { "region" : value },       
                  success: function(result) {
                      console.log(result);
                      $("#regionHolder").html(result);
                  },
                    cache: false
                });
                 
            });
             
         });

控制台日志：

<div class="col-lg-4 column-lg-full" id="regionHolder">
<div class="input-box">
<label class="label-text">County</label>
<div class="form-group">
<select class="location-option-field" id="jobCounty" name="jobCounty">
<option value="">Select Region</option>
</select>
</div><!-- end form-group -->
</div>
</div><!-- end col-lg-4 -->

​

​

Answer 1

在输入了所有这些之后，我就解决了这个问题：

$.ajax({
    url: '/control/employer/jobs/region',
    type: "GET",
    data: { "region" : value },     
    success: function(result) {
        $("#regionHolder").html(result).find('#jobCounty').niceSelect();
    },
    cache: false
});