Question

我有两个相互独立的OR cfselect，第一个选项是空白（没有选中）。当在cfselect中选择非空白选项时，使用javascript函数选择另一个cfselect中的空白选项（第一个选项）。然而，在单击选项时，不会调用javascript函数（使用alert（）进行测试）。

function resetBusiness() {
  alert("resetBusiness() - Entering ..................."");

  var aForm = document.forms[0];
  var optDiv = aForm.getElementById("sDiv").value;

  alert("optDiv: |" + optDiv + "|");

  if (optDiv != "") {
    aForm.getElementById('sBus').selectedIndex  = 0;
    aForm.submit();
  }
}


function resetDivision() {
  alert("resetDivision() - Entering ..................."");

  var aForm = document.forms[0];
  var optBus  = aForm.getElementById("sBus").value;

  alert("optBus: |" + optBus + "|");

  if (optBus != "") {
    aForm.getElementById('sDiv').selectedIndex  = 0;
    aForm.submit();
  }
}

...

<cfselect id="sBus" name="sBus" query="qryBus" display="BU" value="BU"
          selected="#HDF(attributes.sBus)#" multiple="yes" size="6"
          queryPosition="below"
          onClick="javascript:resetDivision(this)">
  <option></option>
</cfselect>

Answer 1

@jbabey是对的，你的警报中有太多的引号。尝试改为：

alert("Entering resetDivision function...");

此外，如果您更改了代码并在此页面上方添加了另一个表单（如页面顶部的搜索框），那么最好还是将表单设为id，而不是使用document.forms[0] 。我从未见过form.getElementById() ...

function resetDivision() {
  var optBus = document.getElementById("sBus").value;

  if (optBus != "") {
    document.getElementById('sDiv').selectedIndex = 0;
    document.getElementById("form1").submit();  // substitute with actual form id
  }
}

您的代码还假定元素存在。您可以使代码更加健壮，只有在成功获取对象时才尝试访问该对象的属性：

var optBus = document.getElementById("sBus");
var optBusVal = '';
if (optBus && optBus != 'undefined') {  // actually I think you only need the first check
    optBusVal = optBus.value;
}

cfselect onClick不调用javascript函数

1 个答案: