Javascript 文件的选项值返回未定义
您好我有以下问题。我希望用户选择一个选择面板的选项。然后在他单击该按钮后，他将被带到另一个文件，在该文件中，他选择的值被放入一个变量中，然后显示出来。在新文件中打开它很重要。但是对于我的代码，变量返回未定义。这是我的代码：
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回答
-
桃花长相依
单击按钮后，您应该只获取选择的值，而不是在页面加载时获取。然后，你可以在 中设置它，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'));
随时随地看视频慕课网APP
相关分类
JavaScript