第一个动态值应反映变化而不选择它

Question

我的div有一个id =＆＃39; event-spots＆＃39;在选择更改时使用动态值触发。 一切似乎都很好。但不幸的是，选择选项输入字段中的第一个选项已在输入字段中显示/选中，因此我无法选择它，因此它不会触发它的动态值。

对于其他选项onselect .change方法被触发。如何在没有做任何事情的情况下运行getSpots（）方法的第一个选项？

Html
<div class="uk-margin-bottom">
            {!! Form::label('event_id', 'Event', array('class' => 'uk-form-label')) !!}
            {!! Form::select('event_id', $events, null, array('class' => 'uk-width-1-1', 'id' => 'event-event_id')) !!}
            {!! $errors->first('product_id', '<p class="error">:message</p>') !!}
            <p class="uk-form-help-block uk-text-muted">The event you're booking</p>
        </div>
<div class="uk-margin-bottom">
    <div id="event-spots"></div>
</div>

Javascript
$("#event-event_id").change(function() {
    getSpots();
});

function getSpots() {
    var spots = $('#event-spots');
    spots.empty();
    spots.html('<p><i class="uk-icon-refresh uk-icon-medium uk-icon-spin"></i></p>');
    var event_id = $("#event-event_id").val();
    var code = '';
    console.log(event_id);
    $.get("/1/users/spots/" + event_id, function(data) {
        spots.empty();
        console.log(data);

        code += '<label for="event_id" class="uk-form-label">Select Date</label><select class="uk-width-1-1" name="event_date" id="event-date" value="select">';
        $.each(data.spots, function(index, value) {
            code += '<option value="' + value.event_date + '">' + value.event_date + '</option>';
        });
        code += '</select><p class="uk-form-help-block uk-text-muted">The spot you\'re booking</p>';
        spots.append(code);

    });
}

因为我的形式是一个模态。一旦我打开模态，我想看到反映的变化。

Answer 1

您可以触发更改事件：

inputxml