Question

以下是此qustion的页面：http://goo.gl/AeSF6x

我尝试使用＆＃34;添加更多＆＃34;创建下拉列表（目标）。按钮和儿童下拉列表（景点）。当用户点击添加更多按钮时，它应该复制下拉列表（目的地）和它的子下拉列表（吸引力）。第二个下拉列表（目的地）及其子（景点）将使用＆＃34;删除＆＃34;按钮。

当用户选择＆＃34;目的地＆＃34;吸引力将显示列表吸引力，该列表吸引力是根据目的地选择从.txt文件中提取的。

我的标记是：

show ... >

这就是从文本文件中加载景点的方式：

<div id="page-wrap" class="input_fields_wrap">
    <button class="add_field_button">Add Destination</button>
    <br/><br/>
    <select id="text-one" name="destination[]">
        <option selected value="base">Please Select</option>
        <option value="colombo">Colombo</option>
        <option value="kandy">Kandy</option>
        <option value="anuradhapura">Anuradhapura</option>
    </select>

    <br />

    <select id="text-two" name="attraction[]">
        <option>Please choose from above</option>
    </select>
    <br/><br/>
</div>

对于复制/添加更多按钮我使用以下jquery代码：

<script>
    $(function() {      
        $("#text-one").change(function() {
            $("#text-two").load("textdata/" + $(this).val() + ".txt");
        });
    });
</script>

除了在第二个下拉列表中加载景点外，所有工作正常。

在第一个下拉列表中，我可以根据目的地选择获得景点。

但根据第2，第3等下拉列表（目的地）无法获得景点

您可以通过访问该页面并点击＆＃34;添加目的地＆＃34;并尝试选择＆＃34;吸引力＆＃34; ：http://goo.gl/AeSF6x

我做错了什么？我该如何解决？

如何创建可重用的父子下拉列表？

0 个答案: