Geodan的双重列表框：用不同的JSON文件（PHP）填充“选定”框。

目标是一个订阅页面，用户可以在其中选择要订阅的属性。这很有效

我所拥有的：我使用Geodan从左侧未选中的列表框中选择项目，并将其移动到右侧选中的列表框中。左侧列表框通过JSON填充，如下所示：

性质

那么你这样称呼它：

$document.readyfunction{ $'.filter'.DualListBox； };

这个很好用。您可以将properties.json中的属性移动到右侧列表框中

我想要达到的目标：

即使这个初始订阅页面工作得这么好，假设用户想要编辑他们的订阅。也许他们最初订阅了十处房产，但现在他们想再增加十处。您想要的是：

-一个单独的页面，左侧列表框中填充了properties.json

-使用通过PHP生成的单独JSON文件填充右列表框很容易：但是我不确定这个插件是否允许从外部源填充右列表框

大约一周前，我给吉丹发了电子邮件，但没有回音

---

我非常感谢您对我的帮助。我也愿意使用其他插件，如果这是一个更容易的途径的话

您不需要为左侧和右侧列表框生成单独的JSON。只需将选定属性添加到右侧所需的选项中

例如：

<select id="ItemIds" name="ItemIds" multiple="multiple" data-title="Items" data-horizontal="false" data-json="false">
    <option value="1">Item 1</option>
    <option value="1" selected="selected">Item 2</option>
    <option value="3">Item 2</option>
    <option value="4" selected="selected">Item 4</option>
</select>

<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('#ItemIds').DualListBox();
    });
</script>

---

Reference

您不需要为左侧和右侧列表框生成单独的JSON。只需将选定属性添加到右侧所需的选项中

例如：

<select id="ItemIds" name="ItemIds" multiple="multiple" data-title="Items" data-horizontal="false" data-json="false">
    <option value="1">Item 1</option>
    <option value="1" selected="selected">Item 2</option>
    <option value="3">Item 2</option>
    <option value="4" selected="selected">Item 4</option>
</select>

<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('#ItemIds').DualListBox();
    });
</script>

参考文献