Javascript 选择下拉列表需要在选中时显示提供商的详细信息-无法通过我的脚本显示url_Javascript_Html

Javascript 选择下拉列表需要在选中时显示提供商的详细信息-无法通过我的脚本显示url

javascript html

Javascript 选择下拉列表需要在选中时显示提供商的详细信息-无法通过我的脚本显示url,javascript,html,Javascript,Html,我将感谢任何形式的洞察如何使这项工作。当我从下拉菜单中选择提供商时，我希望相关信息显示在下面我正试图让StudyP展示如下细节：伍斯特郡中心学院-附url 艾米丽·莱洛 01905 743587 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> </head> <body> <label for="programSelect"> Please ch

我将感谢任何形式的洞察如何使这项工作。当我从下拉菜单中选择提供商时，我希望相关信息显示在下面

我正试图让StudyP展示如下细节：

伍斯特郡中心学院-附url 艾米丽·莱洛 01905 743587

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>

<body>
<label for="programSelect">  Please choose a Programme<br><br></label>
<select id="nearestStore">
  <option value="noSelection">Please Select</option>
  <option value="StudyP">Study Programmes</option>
  <option value="Train">Traineeships</option>
  <option value="Acc">Accountancy</option>
  <option value="Agri">Agricultural and Land Based</option>
  <option value="Anim">Animal Care</option>
  <option value="Beauty">Beauty Therapy</option>
  <option value="Busin">Business Improvement Tech</option>
  <option value="Busina">Business Administration</option>
  <option value="CallC">Call Centres</option>
  <option value="Creative">Creative arts</option>
  <option value="Construct">Construction</option>
  <option value="Customer">Customer service</option>
  <option value="Cyber">Cyber Security</option>
  <option value="Early">Early years ChildCare & Education</option>
  <option value="Electro">ElectroTechnical</option>
  <option value="Electric">Electricity Industry</option>
</select>


<div id="phoneNumber"></div>

<script>
  var nearestStore = document.getElementById("nearestStore"),
      phoneNumber = document.getElementById("phoneNumber"),

      contactdetails = {
        noSelection: "",
        StudyP: "<br><a href="http://www.howcollege.ac.uk">Heart of       Worcestershire College</a><br>Emily Leleu<br>01905 743587",

      }

   nearestStore.onchange = function(){
    phoneNumber.innerHTML = contactdetails[this.value];
  }



  </script>
 </body>


请选择一个节目


请选择
学习计划
实习
会计学
农业和陆基
动物护理
美容疗法
业务改进技术
工商类
呼叫中心
创意艺术
建设
客户服务
网络安全
幼儿保育与教育
电工
电力工业
var nearestStore=document.getElementById（“nearestStore”），
phoneNumber=document.getElementById（“phoneNumber”），
联系人详细信息={
选择：“，
研究项目：“

艾米丽·勒鲁
01905 743587”，
}
nearestStore.onchange=函数（）{
phoneNumber.innerHTML=contactdetails[this.value]；
}

您的报价有问题：

StudyP: "<br><a href="http://www.howcollege.ac.uk">Heart of       Worcestershire College</a><br>Emily Leleu<br>01905 743587"

非常感谢您纠正了这个简单的错误，已经过去了24小时了：（如果我想在同一个变量中再添加3行（另一个提供程序，怎么可能？我尝试过了，但现在显示为空白！）（感谢taxicala的快速响应和花时间的帮助。感谢taxicala的快速响应和花时间的帮助。我需要停止按enter键进行双重响应：（当我尝试按上述方式连接时，结果为空白，可能是我放错了位置：(

StudyP: "<br><a href='http://www.howcollege.ac.uk'>Heart of       Worcestershire College</a><br>Emily Leleu<br>01905 743587"

contactdetails.StudyP += 'Some more text';
contactdetails.StudyP += 'Yet some more text.';