Question

我正在创建一个插件的公共端，并且我得到一个javascript错误，当我在Mura之外运行相同的代码或在jsfiddle上运行它时不会发生。

javascript非常简单。它根据不同选择的值填充表单选择。这是html和javascript的jsfiddle，它本身就可以工作。 http://jsfiddle.net/P7ZTz/2/

在我对该插件的公开视图中，我有以下内容。

<cfset rc.$.loadJSLib() />
<cfset rc.pc.addToHTMLHeadQueue("addendaJsInclude.cfm")>

<form name="form" method="post" action="addenda2.cfm" onSubmit="return checkrequired(this)">
<select name="mRoute" onchange="javascript:populateData(this.options[selectedIndex].text)">
    <option value="">Select Route</option>
    <option value="Route 3">Route 3</option>
    <option value="Route 2">Route 2</option>
    <option value="Route 1">Route 1</option>
</select>    

<select name="mSection">
    <option value="">Section</option>
</select>

<input type="submit" name="submit">
</form>

我的addendaJsInclude.cfm文件包含以下内容：

var arrayData = new Array();
arrayData[0] = 'Route 1|1|'
arrayData[1] = 'Route 1|2|'
arrayData[2] = 'Route 1|3|'
arrayData[3] = 'Route 1|4|'
arrayData[4] = 'Route 1|5|'
arrayData[5] = 'Route 1|6|'
arrayData[6] = 'Route 1|7|'
arrayData[7] = 'Route 2|1|'
arrayData[8] = 'Route 3|1|'

function populateData( name ) { 
    select = window.document.form.mSection; 
    string = ""; 
    count = 1; 
    select.options.length = count; 
    for( i = 0; i < arrayData.length; i++ ) { 
        string = arrayData[i].split( "|" ); 

        if( string[0] == name ) { 
            select.options[count++] = new Option( string[1] ); 
        } 
    } 
}

function checkrequired(which) {
    var pass=true;
    if (document.images) {
        for (i=0;i<which.length;i++) {
            var tempobj=which.elements[i];
            if (tempobj.name.substring(0,1)=="m") {
                if (((tempobj.type=="text"||tempobj.type=="textarea")&&
                tempobj.value=='')||(tempobj.type.toString().charAt(0)=="s"&&
                tempobj.selectedIndex==0)) {
                    pass=false;
                    break;
                }
              }
        }
    }
    if (!pass) {
        shortFieldName=tempobj.name.substring(1,12).toUpperCase();
        alert("Please select a "+shortFieldName+".");
        return false;
    }
    else
    return true;
}

当我在浏览器中执行页面时，我的控制台出现以下错误：

select is undefined

select.options.length = count;

这似乎是某种类型的范围问题，但我是一个javascript新手，知道问题是什么。再说，它确实在jsfiddle和Mura之外的常规html页面上正常运行。当它在客户端运行时，我有点迷失为什么在Mura输出内部时表现不同。两者的html和javascript看起来都一样，但错误只发生在Mura页面中。任何意见都将不胜感激。

Answer 1

除了name =“mSection”之外，您能否尝试选择ID =“mSection”？

Answer 2

问题是由cf调试输出引起的。禁用调试允许代码按预期工作。这只发生在通过Mura运行代码时，但我想这是由于调试将显示内容显示为变量。

javascript错误：select未定义。仅在Mura插件公共输出中运行时才会发生

2 个答案: