JavaScript中的函数，该函数将concat url输出到YUI图表库输出

尝试在JavaScript中正确编写一个函数，将一个concat'd url输出到图表库输出（用于图表重新呈现）。。。基于下拉列表中选定的选项。

问题：我没有使用连接的url重新呈现图表（每次在下拉列表中选择选项时都应发送该url）

头中的JavaScript代码：

函数httpGet（theUrl） { var xmlHttp=null

表单的HTML代码（在正文中）：

form style=“宽度：200px；颜色：#333；右侧填充：5px；底部填充：2px；左侧填充：55px；页边空白顶部：0px；清除：无；“name=“properties”id=“properties”> 选择style=“width:160px；color:#333；clear:none；display:block；“name=“fabrics”id=“fabrics”onChange=“selectFabric（）”>

图表的JavaScript代码（在主体中编写脚本以呈现YUI图表插件）：

---

请在开头清楚地说明问题所在，这样我们就知道我们在寻找什么。“尝试用JavaScript编写一个函数，根据下拉列表中的选定选项，将一个特定url输出到图表库输出（用于图表重新呈现）。”…还不够清楚吗？不，不太清楚。这不是一个问题的陈述。一个问题的陈述应该是这样的：“试图用JavaScript正确地编写一个函数，输出一个concat'd url到图表库输出，但是意外地引发了以下异常”如果你只是想让某人查看你的代码，那么就去吧，我想我本可以更清楚地了解这个问题。你是对的。我不会让图表用连接的url重新呈现（每次在下拉列表中选择一个选项时都应该发送该url）。

        xmlHttp = new XMLHttpRequest();         // instantiate request
        xmlHttp.open( "GET", theUrl, false );   // open url
        xmlHttp.send( null );                   // sending nothing
        return xmlHttp.responseText;            // return url's data as text
        };
    function selectFabric(){
            var urlString = "http://localhost:8083/tbl/sparqlmotion?id=LiabilityChart&arg1=";
            var fabrics = document.getElementById('fabrics');
            var selectedFabric = fabrics.options[fabrics.selectedIndex];
            var linkAddTogether = [urlString + selectedFabric.value];
            var linkResult = linkAddTogether[0];
            var result = httpGet(linkResult);
            if (selectedFabric.value != "nothing"){
                return linkResult;      // update begins        // document.write(linkAddTogether)
            };
        };

    function revive (key, value) {
        if (value.datatype == "http://www.w3.org/2001/XMLSchema#double" ||  // if datatype is this
        value.datatype == "http://www.w3.org/2001/XMLSchema#integer" ||     // or, this
        value.datatype == "http://www.w3.org/2001/XMLSchema#float")         // or, this
        {
            return (parseInt(value.value))      // if '#double', '#integer', or '#schema', then: 'vars' label + convert the datatype's float value to integer 
        }
        else if (value.type == 'literal')
        {
            return (value.value)        // if datatype's value is a literal: 'vars' label + return as a string
        }
        else if (value.datatype == 'http://www.w3.org/2001/XMLSchema#date') 
        {
            return value.value      // if "XMLSchema#date's" value is a literal: 'vars' label + return as a string
        }
        else 
        {
            return value        // if datatype is anything else: 'vars' label + return value as a string
        }
    };

    var scriptHead = ["YUI().use('charts',function(Y){var myDataValues=\n\n["];
    var scriptTail = ["\n];\n\nvar styleDef={series:{Stock:{line:{color:'#EEB647'},marker:{fill:{color:'#eee',alpha:0,wmode:'transparent'},border:{color:'#222',alpha:0,wmode:'transparent'},over:{fill:{color:'#eee'},border:{color:'#000'},width:9,height:9}}},Liability:{line:{color:'#171944'},marker:{fill:{color:'#eee',alpha:0,wmode:'transparent'},border:{color:'#222',alpha:0,wmode:'transparent'},over:{fill:{color:'#eee'},border:{color:'#000'},width:9,height:9}}},Shipment:{line:{color:'#ff0000',alpha:0,wmode:'transparent'},marker:{fill:{color:'#eee',alpha:0,wmode:'transparent'},border:{color:'#ff0000',alpha:0,wmode:'transparent'},over:{fill:{color:'#ff0000',alpha:0,wmode:'transparent'},border:{color:'#000',alpha:0,wmode:'transparent'},width:16,height:16}}},Production:{line:{color:'#FFD700',alpha:0,wmode:'transparent'},marker:{fill:{color:'#eee',alpha:0,wmode:'transparent'},border:{color:'#FFD700',alpha:0,wmode:'transparent'},over:{fill:{color:'#FFD700',alpha:0,wmode:'transparent'},border:{color:'#000',alpha:0,wmode:'transparent'},width:16,height:16}}},Order:{line:{color:'#006400',alpha:0,wmode:'transparent'},marker:{fill:{color:'#eee',alpha:0,wmode:'transparent'},border:{color:'#006400',alpha:0,wmode:'transparent'},over:{fill:{color:'#006400',alpha:0,wmode:'transparent'},border:{color:'#000',alpha:0,wmode:'transparent'},width:16,height:16}}}}};var myAxes={dateRange:{keys:['date'],position:'bottom',type:'category',title:'Date Range',styles:{majorTicks:{display:'none'},label:{rotation:-45,margin:{top:5}},title:{fontSize:'90%'}}}};var mychart=new Y.Chart({dataProvider:myDataValues,interactionType:'planar',render:'#mychart',categoryKey:'Date',styles:styleDef,categoryType:'time',horizontalGridlines:{styles:{line:{color:'#fff'}}},verticalGridlines:{styles:{line:{color:'#fff'}}}})});\n\n"];
    var simpleHead = [scriptHead];
    var simpleTail = [scriptTail];
    var oldData = JSON.parse(result, revive);

                    option value="nothing">Select Fabric END option

            option value="KOD23-4074-LV">KOD23-4074-LV END option

            option value="SGOD2-2858-LV">SGOD2-2858-LV END option

            option value="W-897-LV">W-897-LV END option

                    option value="FF-4084-LV">FF-4084-LV END option

                 END select
           END form        

document.write('\x3Cscript type="text/javascript" id="source">');

document.write(simpleHead[0] + '\n{Date: "' + oldData.results.bindings[0].date + '", Liability: ' + oldData.results.bindings[0].liability + ", Stock: " + oldData.results.bindings[0].stock + ", " + oldData.results.bindings[0].event + ": " + oldData.results.bindings[0].current + "}," + "\n\n");

document.write('\n{Date: "' + oldData.results.bindings[1].date + '", Liability: ' + oldData.results.bindings[1].liability + ", Stock: " + oldData.results.bindings[1].stock + ", " + oldData.results.bindings[1].event + ": " + oldData.results.bindings[1].current + "}," + "\n\n");

document.write('\n{Date: "' + oldData.results.bindings[2].date + '", Liability: ' + oldData.results.bindings[2].liability + ", Stock: " + oldData.results.bindings[2].stock + ", " + oldData.results.bindings[2].event + ": " + oldData.results.bindings[2].current + "}," + "\n\n");

document.write('\n{Date: "' + oldData.results.bindings[3].date + '", Liability: ' + oldData.results.bindings[3].liability + ", Stock: " + oldData.results.bindings[3].stock + ", " + oldData.results.bindings[3].event + ": " + oldData.results.bindings[3].current + "}," + "\n\n");

document.write('\n{Date: "' + oldData.results.bindings[4].date + '", Liability: ' + oldData.results.bindings[4].liability + ", Stock: " + oldData.results.bindings[4].stock + ", " + oldData.results.bindings[4].event + ": " + oldData.results.bindings[4].current + "}," + "\n\n");

document.write('\n{Date: "' + oldData.results.bindings[5].date + '", Liability: ' + oldData.results.bindings[5].liability + ", Stock: " + oldData.results.bindings[5].stock + ", " + oldData.results.bindings[5].event + ": " + oldData.results.bindings[5].current + "}," + "\n\n");

document.write('\n{Date: "' + oldData.results.bindings[6].date + '", Liability: ' + oldData.results.bindings[6].liability + ", Stock: " + oldData.results.bindings[6].stock + ", " + oldData.results.bindings[6].event + ": " + oldData.results.bindings[6].current + "}" + simpleTail[0] + "\n\n");

document.write('\x3C/script>');