个人中心
gpt4 book ai didi

javascript - JSFIDDLE 无法在我的页面上运行

转载 作者：行者123 更新时间：2023-11-28 09:36:59 25 4
gpt4 key购买 nike

我有一个 JSFIDDLE 并试图让它在我的网络表单上工作，但它不起作用。谁能告诉我我犯了什么错误。 JSFIDDLE 工作得很好，但我无法让它只在我的页面上工作。这是 fiddle 的链接:LINK

这就是我尝试使用它的方式:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>
var devices = ['computer', 'router']
var device_types = {
    'computer': ['laptop', 'desktop'],
    'router': ['wireless', 'bluetooth']
}

var brands = {
    'laptop': ['HP', 'DELL'],
    'desktop': ['Apple', 'MAC'],
    'wireless':['Foo','Bar'],
    'bluetooth':['Grren','Blue']
}


function createOptions(arr) {
    var html = ['<option >--select--</option>'];
    $.each(arr, function(i, item) {
        html.push('<option value="' + item + '">' + item + '</option>')
    });
    return html.join('');
}

var mainOptions = createOptions(devices)

$(function() {
    $("input[type=button][value=Add]").click(function(e) {
        for (i = 0; i < document.getElementById('sel').value; i++) {
            e.preventDefault();
            var j = 1;

            var newDiv = $('<div class="row">').appendTo("#dropbox");
            $("<select class='devices has_dependents'>").attr("name", "input1_" + j).append(mainOptions).appendTo(newDiv)

            $("<select class='device_types has_dependents'>").attr("name", "input2_" + j).appendTo(newDiv)
            $("<select class='brands'>").attr("name", "input3_" + j).appendTo(newDiv)
            $("<input>").attr("name", "input4_" + j).appendTo(newDiv);
            $("<button>").text("Remove").appendTo(newDiv).click(function(e) {
                e.preventDefault();
                $(this).parent().remove();
            })
            j++;
        }
    });

    $(document).on('change', 'select.has_dependents', function() {
        var val = $(this).val(),
            option_obj;
        if ($(this).is('.devices')) {
            option_obj = device_types;
        } else {
            option_obj = brands;
        }


        var options = createOptions( option_obj[val]);


        $(this).next().html(options)
    })
})
</script>
</head>

<body>
<form>
    <select id="sel">
        <option value="" selected="selected"></option>
        <option value="01" >01</option>
        <option value="02" >02</option>
        <option value="03" >03</option>
        <option value="04" >04</option>
        <option value="05" >05</option>
        <option value="06" >06</option>
        <option value="07" >07</option>
        <option value="08" >08</option>
        <option value="09" >09</option>
        <option value="10" >10</option>
        <option value="11" >11</option>
        <option value="12" >12</option>
        <option value="13" >13</option>
        <option value="14" >14</option>
        <option value="15" >15</option>
    </select>
    <input type="button" value="Add" />

    <div id="dropbox"></div>
</form>​
</body>
</html>

最佳答案

第 67 行“)”后面有一个非视觉字符

})<right here is a none visual character>
</script>

编辑:这是固定代码的链接:

http://pastebin.com/8n8fkgMy

关于javascript - JSFIDDLE 无法在我的页面上运行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12876771/

25 4 0
文章推荐： css - extjs4网格分组中子表的布局
文章推荐： ios - 如何将 NSTimer 与内部时钟一起使用？
文章推荐： ios - 如何按降序方式对数组进行排序？
文章推荐： ios - 在 View 中包含多个标签或文本字段的最佳方法是什么？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com