您好我有以下问题。我希望用户选择一个选择面板的选项。然后在他单击该按钮后，他将被带到另一个文件，在该文件中，他选择的值被放入一个变量中，然后显示出来。在新文件中打开它很重要。但是对于我的代码，变量返回未定义。这是我的代码：function myFunction() { a=$("#mySelect").val(); switch(a){ case "Orange": var b="Orange"; return b; case "Apple": var b="Apple"; return b; case "Pineapple": var b="Pineapple"; return b; case "Banana": var b="Banana"; return "Banana";}}var test=myFunction();$("button").on("click",blub);function blub(){ window.open("/Users/Adrian/Desktop/jj.html",'_blank' );}<!DOCTYPE html><html> <body> <select id="mySelect"> <option value="Apple">Apple </option> <option value="Orange">Orange </option> <option value="Pineapple">Pineapple </option> <option value="Banana">Banana </option> </select> <p class="bla"> Click the button to select the option element with index "2". </p> <p> <b>Note: </b> The index starts at 0. </p> <button> Try it </button> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> </script> <script charset="utf-8" src="j.js"> </script> <script charset="utf-8" src="jj.js"> </script> </body></html>$(".bla").html(test);<!DOCTYPE html><html dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <p class="bla"></p> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="j.js" charset="utf-8"></script> <script src="jj.js" charset="utf-8"></script> </body></html>
1 回答
桃花长相依
TA贡献1860条经验 获得超8个赞
单击按钮后，您应该只获取选择的值，而不是在页面加载时获取。然后，你可以在 中设置它，sessionStorage以便其他页面可以访问它。
第一页的 JavaScript：
$("button").on("click", blub);
function blub() {
sessionStorage.setItem("value", $('#mySelect').val());
window.open(
"/Users/Adrian/Desktop/jj.html",
'_blank'
);
}
第二页的 JavaScript：
$(".bla").text(sessionStorage.getItem('value'));
添加回答
举报
0/150
提交
取消