加载时运行MultiSelect而不是单击

时间:2019-05-14 10:30:07

标签: jquery

我正在尝试使以下代码在页面加载时运行,而不是像当前那样单击超链接时运行。我正在使用一个名为MultiSelect的jQuery插件。

我想知道我需要删除jQuery脚本的哪些部分以及用它们替换什么。

我希望用PHP变量填充jQuery值,以便可以从MySQL数据库中提取结果,以便对其进行更新。

function num() {

    fetch("myfile.json")
        .then(res => res.json())
        .then(data => {
            var a= data.numdata.filter(el => el.Process==="Process1").map(o => o.Shortnum)
            var x = Math.max.apply(null, a)

        })
return x
}

谢谢您的帮助。

约翰

1 个答案:

答案 0 :(得分:0)

尝试通过在其结尾处触发自定义事件}).trigger('set-config');来激活。

注意: 尽管我从链接的网站上获取了一些内容,但似乎没有适当的CSS,但这实际上不是问题所在。我还从CDN抓取了插件的.js,所以可能不完全匹配。

由于问题/ cdn等原因,我取消了在此处制作“工作”版本的尝试。

$(function() {
  $('select[multiple]').multiselect({
    columns: 3,
    search: true,
    selectAll: true
  });

  $('select[multiple]').on('set-config',
    function(event) {
      event.preventDefault();
      // get this via ajax perhaps here?
      var options = [{
        name: 'Option 1',
        value: 1,
        checked: false
      }, {
        name: 'Option 2',
        value: 2,
        checked: true
      }, {
        name: 'Option 3',
        value: 3,
        checked: false
      }, {
        name: 'Option 4',
        value: 4,
        checked: true
      }, {
        name: 'Option 5',
        value: 5,
        checked: false
      }];

      $(this).multiselect('loadOptions', options);
    }).trigger('set-config');

  $('select[multiple]').siblings('a.dpopgetvalues')
    .click(function(event) {
      event.preventDefault();

      alert(
        'Selected Values: ' +
        $(this).siblings('select[multiple]').val()
      );
    });
});