php - 使用 jquery JTable 库的多选下拉菜单

Question

我正在使用 jquery JTable 库在 php 中创建表单。现在我想创建一个带有多个选择选项的动态下拉列表。我会怎么做？

Answer 1

您可以在单击事件中添加多个属性并将名称属性更改为名称 []。

setTimeout(function(){$('.jtable-command-column').click(function(){
     $(".access_country").attr('multiple','multiple');
     $(".access_country").attr('name','country_id[]');
      })},5000);

这jtable-command-column是编辑按钮类。我只是在点击它时触发事件。并添加属性“多个”并将属性名称更改为country_id[].

这工作正常。

Answer 2

对于 jTable 中的多选下拉菜单，一个更优雅的解决方案是在向表中添加新记录时附加一个 jtable formCreated 事件，如下所示：

formCreated: function(event, data){
                            //console.log('formCreated event fired: ',event, data);
                            if(data.formType === "create"){
                                var select = data.form.find('select');//your select id here
                                var selectName = select.prop('name');
                                select.prop('multiple', "multiple");
                                select.prop('name', selectName+"[]");

                            }
                        }

多选解决方案有一个缺点（或更多，除了服务器端的特殊处理之外），即返回的 json 对象只能携带一行记录。解决方案是在使用recordAdded 事件添加行后重新加载表（或子表）：

recordAdded: function(event, data){
                            $(event.target).jtable('reload');
                        }