Question

我所做的是我在js文件中创建了3个函数，正在被2个html5页面使用。在这两个函数中，我将所选项的值存储在全局变量中，即从下拉列表中存储，并希望将其显示在另一个页面中......但var返回一个空值。

 <!DOCTYPE html5>
<html>
<head>
<script type="text/javascript" src="123.js"></script>
</head>

<body>
<form>
Select your favorite browser:
<select id="city_list" onchange="city()">
  <option></option>
  <option>Google Chrome</option>
  <option>Firefox</option>  
  <option>Internet Explorer</option>
  <option>Safari</option>
  <option>Opera</option>
</select>
<select id="blood_group" onchange="bloodGroup()">
  <option></option>
  <option>Google Chrome</option>
  <option>Firefox</option>  
  <option>Internet Explorer</option>
  <option>Safari</option>
  <option>Opera</option>
</select>


</form>
</body>

</html>

文件2

 <!DOCTYPE html5>
<html>
<head>
<script type="text/javascript" src="123.js"></script>
</head>

<body onload="answers()">
<form>

<p>Your favorite browser is: <input type="text" id="favorite2" size="20"></p>
<p>Your favorite browser is: <input type="text" id="favorite3" size="20"></p>

</form>
</body>

</html>

我使用的Javascript：

var bloodtype;
var whichcity;
function city()
{
var mylist=document.getElementById("city_list");
whichcity=mylist.options[mylist.selectedIndex].text;
document.getElementById("favorite").value=whichcity;
var selectedanswer=document.getElementById("city_list").selectedIndex;
}

function bloodGroup()
{
var mylist=document.getElementById("blood_group");
bloodtype=mylist.options[mylist.selectedIndex].text;
}

function getvalues()
{
document.getElementById("favorite2").value=whichcity;
document.getElementById("favorite3").value=bloodtype;
}

Answer 1

您要做的是在两个独立的html文档之间共享数据。没有持久存储，这是不可能的，因为html本身没有持久性的概念。请尝试以下方法：

选项1：获取服务器，上传文件并使用<form>将数据发送到服务器（例如Apache）

选项2：详细了解HTML5中的浏览器功能local storage

任何人都可以告诉我我的代码有什么问题

1 个答案: