谁能告诉我我的代码出了什么问题

debugcn 发表于 Dev

哈法汉哈迈德

我所做的是我在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;
}

尼古拉·迪米特洛夫（Nikola Dimitroff）

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

选项1：为自己准备一台服务器，将文件上传到该服务器，然后使用<form>将数据发送到该服务器（例如Apache）

选项2：详细了解本地存储（HTML5中的浏览器功能）

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。