Question

我正在尝试使用此EsayUI Apis

制作一个动态组合

我的想法是我的组合应该通过传递div工作。所以我传递div然后附上我的输入。当我只使用html时，工作正常。但是当我在html中创建输入标签并附加时，它只显示文本框而不是组合。

我的Html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="CSS/easyui.css">
    <script type="text/javascript" src="JS/jquery.min.js"></script>
    <script type="text/javascript" src="JS/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="JS/PCCombo.js"></script>
</head>
<body>
    <div id="myID" style="width:26%; background-color: lightblue;">
    <!-- <input class="easyui-combobox" name="language" style="width:100%;" data-options="
                    url: 'JSON/combobox_data1.json',
                    method: 'get',
                    valueField: 'id',
                    textField: 'text',
                    panelWidth: 350,
                    multiple:true,
                    label: 'Language:',
                    labelPosition: 'top'
                    ">
//-->
    </div>
    <script type="text/javascript">

        var val = document.getElementById("myID");
        var myCombo = new NewCombo ({
                    "val" : val,
                    "url": 'JSON/combobox_data1.json',
                    "divID": "chart_line",
                    }); 

</script>
</body>
</html>

我的JS

NewCombo = function(args){
    debugger;
    var divDetails = args.val;
    var input = '<input class="easyui-combobox" name="language"\
                    style="width:100%;" data-options="\
                    url: "JSON/combobox_data1.json",\
                    method: "get",\
                    valueField: "id",\
                    textField: "text",\
                    panelWidth: 350,\
                    multiple:true,\
                    label: "Language:",\
                    labelPosition: "top"\
                    >';
    divDetails.innerHTML = input
}

我在这里收到错误：

Uncaught SyntaxError: Unexpected token }
    at new Function (<anonymous>)
    at Object.parseOptions (jquery.easyui.min.js:16209)
    at Function.$.fn.validatebox.parseOptions (jquery.easyui.min.js:22880)
    at Function.$.fn.textbox.parseOptions (jquery.easyui.min.js:23440)
    at Function.$.fn.combo.parseOptions (jquery.easyui.min.js:29853)
    at Function.$.fn.combobox.parseOptions (jquery.easyui.min.js:30297)
    at HTMLInputElement.<anonymous> (jquery.easyui.min.js:30220)
    at Function.each (jquery.min.js:2)
    at m.fn.init.each (jquery.min.js:2)
    at m.fn.init.$.fn.combobox (jquery.easyui.min.js:30215)

任何人都可以帮我解决这个问题或建议我任何其他选择。

创建动态组合有错误

0 个答案: