Jquery 逐个从文本文件中动态下拉

逐个加载下拉列表，当我选择第一个下拉列表时，我可以加载第二个下拉列表；当我选择第二个下拉列表时，第三个下拉列表必须加载，但失败

我的代码：

HTML

                   <label>Select Category <span>*</span></label>
                    <select id="cateabc" class="">
                        <option>Select Category</option>
                        <option value="Mobile">Mobiles</option>
                        </select>
                    <div class="clearfix"></div>

                    <label >Select Sub Category <span>*</span></label>
                    <select id="text-two" style="display :none">
                        <option>Please choose from above</option>
                    </select>

                    <div class="clearfix"></div>
                    <label >Mobile Brand <span>*</span></label>
                    <select id="text-three" style="display :none">
                        <option>Please choose from above</option>
                    </select>
                    <div class="clearfix"></div>

Mobile.txt

<option value="Mobile Phone">Mobile Phone</option>
<option value="Tablet">Tablet</option>
<option value="Accessories">Accessories</option>

<option value="Nokia">Nokia</option>
<option value="aple">apple</option>
<option value="sony">sony</option>

手机
药片
配件

Mobile Phone.txt

<option value="Mobile Phone">Mobile Phone</option>
<option value="Tablet">Tablet</option>
<option value="Accessories">Accessories</option>

<option value="Nokia">Nokia</option>
<option value="aple">apple</option>
<option value="sony">sony</option>

诺基亚
苹果
索尼

您应该在使用

encodeURIComponent

发出AJAX请求时对URL进行编码，因为空间的存在可能会破坏此功能

代码：

$(function () {
                $("#cateabc").change(function () {
                    $("#text-two").show();
                    $("#text-two").load("textdata/" + $(this).val() + ".txt");
                });
            });
            $(function () {
                $("#text-two").change(function () {
                    $("#text-three").show();
                    $("#text-three").load("textdata/" + $(this).val() + ".txt");
                });
            });

$("#text-two").change(function () {
    $("#text-three").show();
    var url = "textdata/" + $(this).val() + ".txt";
    url = encodeURIComponent(url);
    $("#text-three").load(url);
});

---

您应该在使用

encodeURIComponent

发出AJAX请求时对URL进行编码，因为空间的存在可能会破坏此功能

代码：

$(function () {
                $("#cateabc").change(function () {
                    $("#text-two").show();
                    $("#text-two").load("textdata/" + $(this).val() + ".txt");
                });
            });
            $(function () {
                $("#text-two").change(function () {
                    $("#text-three").show();
                    $("#text-three").load("textdata/" + $(this).val() + ".txt");
                });
            });

$("#text-two").change(function () {
    $("#text-three").show();
    var url = "textdata/" + $(this).val() + ".txt";
    url = encodeURIComponent(url);
    $("#text-three").load(url);
});

---

当我选择第二个下拉菜单时不工作第三个有oresponse@sanojlawrence赞成。。尝试执行

encodeURIComponent

？@sanojlawrence很高兴它起到了作用。请务必将答案标记为正确。有没有办法对“@sanojlawrence what label”执行相同的操作？请将答案标记为正确：）当我选择第二个下拉菜单时不工作第三个有oresponse@sanojlawrence赞成。。尝试执行

encodeURIComponent

？@sanojlawrence很高兴它起到了作用。请务必将答案标记为正确。有没有办法对“@sanojlawrence what label”执行相同的操作？请把答案标对：）