Question

我的HTML页面包含一个bootstrap多选字段：

<select class="form-control bootstrap-select"
    data-style="alpha-grey-300 pt-5 pb-5 pl-10 text-size-mini" multiple
    id="associated.persons"
    data-live-search="true">
</select>

每次进行一组新选择时，jQuery更改事件都不起作用。当我写这段代码时，

$('#associated.persons').change(function (e) {
        console.log("Input changed !!!!!!!!!!!!!!!");
    });

没有任何东西写在控制台上。我不知道问题究竟在哪里。

Answer 1

您无法在您的ID或类名中使用某个点。实际上，在相同的规则中组合hashtag和point表示你的选择器搜索一个id为＆＃34; 关联＆＃34;和班级＆＃34; 人＆＃34;。

重命名您的ID，并且从不使用您的ID或类名中的点。使用 - 或_如果您想创建包含多个单词的ID或类名。

你可以这样做：

<select class="form-control bootstrap-select"
    data-style="alpha-grey-300 pt-5 pb-5 pl-10 text-size-mini" multiple
    id="associated-persons"
    data-live-search="true">
</select>

和

$('#associated-persons').change(function (e) {
        console.log("Input changed !!!!!!!!!!!!!!!");
});

Answer 2

id="associated.persons"

这是问题所在。使用另一个选择器，它会工作。在你的代码中，jquery将尝试将onChange绑定到具有类＆＃39; person＆＃39;的项目。并且id =＆＃34;关联＆＃34;

更改事件不在boostrap多选字段中工作

2 个答案: