1

我正在尝试找到一种方法来动态注入新的 JavaScript 函数,而无需重新加载页面。我有一个用于放入库存项目的表格,我想根据选择的制造商加载或删除功能。试图研究这个我认为我可以做到这一点:

document.getElementsByTagName("head")[0].appendChild

我用于示例的文档取自http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml。起初我不确定它是否正在调用该文件,因此作为最终测试,我附加了小片段:

var petname="Spotty"
alert("Pet Name: " + petname)

并到 .js 文件的末尾并收到警报。我希望使这个输入页面模块化和动态化。我需要替换函数的原因是因为每个制造商都使用所谓的“BOM”编号,该编号基于值给出单元型号、电容器、电气等。现在的脚本使用 onChange 功能等等每次下拉选择,BOM 编号都会更新为正确的值。相反,输入 BOM 编号将从下拉菜单中选择值。如果我将 JavaScript 函数放在“头”中,则 JavaScript 函数可以按预期与 onChange 一起工作,但在使用 .appendChild 时,所有函数都不起作用。我应该为此使用其他东西吗?

4

2 回答 2

0

解决问题的最佳方法是调用一个接受 BOM 编号和制造类型的函数。然后根据制造类型 Javascript 获取您的单元型号、电容器、电气:

function GetDetails(bom, manufactureType){
   switch(manufactureType){
         case 'blah blah' : <do something>
     break;
default:break;
   }
}

HTML:

<select onchange="javascript:GetDetails(<pass selected BOM here>, <pass selected MANUFACTURER here>);"></select>
于 2013-10-29T22:11:41.720 回答
0

也许这个库会帮助你http://yepnopejs.com 使用它你可以在某些条件下加载和执行 JS 文件。

于 2013-10-29T22:12:37.730 回答