Javascript 提交按钮未执行功能

我有这个密码。我希望提交的函数在单击submit按钮时运行。submited函数用于提醒选项中的值和滑块上的数字。但是，滑块的编号没有显示，警报也没有显示：

window.onload=函数{ //射程 var val=$滑块'.val； 输出=$‘输出’； output.htmlval； $'slider'。在'change'上，函数{ output.htmlthis.value； }; 函数显示滑块{ $‘滑块’。显示； $'textInput'。隐藏； html'0'； } 函数showTextInput{ $'slider'。隐藏； $'textInput'.show； $'textInput'.val； $output.html“皮肤url”； } $'Main'.changefunction{ 切换此值{ 案例“optiona”： $'slider'.prop{ “min”：0， “最多”：20 }; 显示滑块； 打破 案例“选项B”： $'slider'.prop{ “min”：-10， “最大”：90 }; 显示滑块； 打破 案例“optionc”： showTextInput； 打破 案例“optiond”： showTextInput； 打破 违约： } $'slider'.val0； }; 提交的函数{ var selectedValue=document.getElementByIdslider.value； var finaloutput=$output.html 如果选择了值！=“optionc”{ alertselectedValue+'具有值'+FinalOut； } 如果选择值=='optionc'{ var textcontent=$'textInput'.val； 提醒“您的值为”+文本内容； } 如果选择值=='optiond'{ var textcontent=$'textInput'.val； 提醒“最后一个选项的第二个值是”+textcontent； }; } 选择权 选择选项： 选择一个选项 A. B C D

---

我发现您的代码有几个错误：

定义onload函数时缺少一个closing} 您的函数在错误的作用域中-将它们从onload函数中取出，并将它们放在全局作用域中 将HTML按钮更改为type=button，因为在这种情况下您没有提交表单。 您应该为selectedValue获取Main，而不是slider。 从您的onchange中，您正在调用一个不存在的函数changeRange。删除onchange属性。 进行这些更改后，您将获得工作代码：

window.onload=函数{ //射程 var val=$滑块'.val； 输出=$‘输出’； output.htmlval； $'slider'。在'change'上，函数{ output.htmlthis.value； }; $'Main'.changefunction{ 切换此值{ 案例“optiona”： $'slider'.prop{ “min”：0， “最多”：20 }; 显示滑块； 打破 案例“选项B”： $'slider'.prop{ “min”：-10， “最大”：90 }; 显示滑块； 打破 案例“optionc”： showTextInput； 打破 案例“optiond”： showTextInput； 打破 违约： } $'slider'.val0； }; }; 函数显示滑块{ $‘滑块’。显示； $'textInput'。隐藏； html'0'； } 函数showTextInput{ $'slider'。隐藏； $'textInput'.show； $'textInput'.val； $output.html“皮肤url”； } 提交的函数{ console.log已提交； var selectedValue=document.getElementByIdMain.value； var finaloutput=$output.html 如果选择了值！=“optionc”{ alertselectedValue+'具有值'+FinalOut； } 如果选择值=='optionc'{ var textcontent=$'textInput'.val； 提醒“您的值为”+文本内容； } 如果选择值=='optiond'{ var textcontent=$'textInput'.val； 提醒“最后一个选项的第二个值是”+textcontent； }; } 选择权 选择选项： 选择一个选项 A. B C D

更改行var selectedValue=document.getElementByIdslider.value； 使用这个变量selectedValue=document.getElementByIdMain.value

它应该会给你预期的输出

window.onload=函数{ //射程 var val=$滑块'.val； 输出=$‘输出’； output.htmlval； $'slider'。在'change'上，函数{ output.htmlthis.value； }; 函数显示滑块{ $‘滑块’。显示； $'textInput'。隐藏； output.html' 0'; } 函数showTextInput{ $'slider'。隐藏； $'textInput'.show； $'textInput'.val； $output.html“皮肤url”； } $'Main'.changefunction{ 切换此值{ 案例“optiona”： $'slider'.prop{ “min”：0， “最多”：20 }; 显示滑块； 打破 案例“选项B”： $'slider'.prop{ “min”：-10， “最大”：90 }; 显示滑块； 打破 案例“optionc”： showTextInput； 打破 案例“optiond”： showTextInput； 打破 违约： } $'slider'.val0； }; 提交的函数{ var selectedValue=document.getElementByIdMain.value； var finaloutput=$output.html 如果选择了值！=“optionc”{ alertselectedValue+'具有值'+FinalOut； } 如果选择值=='optionc'{ var textcontent=$'textInput'.val； 提醒“您的值为”+文本内容； } 如果选择值=='optiond'{ var textcontent=$'textInput'.val； 提醒“最后一个选项的第二个值是”+textcontent； }; } 选择权 选择选项： 选择一个选项 A. B C D

---

控制台中的错误是什么？Submit用于表单将其数据发送到服务器。因为Submited函数不是全局函数…请停止使用e提交表单。preventDefault@zer00ne我把这个放在标签外面，但还是没用