Javascript 尝试将变量与联系人详细信息连接起来。_Javascript_Html_Concatenation

Javascript 尝试将变量与联系人详细信息连接起来。

javascript html

Javascript 尝试将变量与联系人详细信息连接起来。,javascript,html,concatenation,Javascript,Html,Concatenation,有人能帮我解决这个问题吗？我正在尝试实现一个下拉选择按钮，一旦点击，就会显示课程的相关提供者，但是大多数课程都有多个提供者（6-8）我让所有的提供者都通过一个变量，当我尝试连接时，结果是空的如果有人能帮忙，我们将不胜感激 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> </head> <body> <label for="programSelect">

有人能帮我解决这个问题吗？我正在尝试实现一个下拉选择按钮，一旦点击，就会显示课程的相关提供者，但是大多数课程都有多个提供者（6-8）

我让所有的提供者都通过一个变量，当我尝试连接时，结果是空的

如果有人能帮忙，我们将不胜感激

<!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<br>",

        Train: "<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];
    contactdetails.StudyP: += '<a     href='http://www.warwickshire.ac.uk/colleges/henley-in-arden.aspx'>Henley in           Arden College</a><br>Personname<br>number<br><br>';

    }



</script>


请选择一个节目


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

艾米丽·勒鲁
01905 743587
”，
列车：“

艾米丽·勒鲁
01905 743587”，
}
nearestStore.onchange=函数（）{
phoneNumber.innerHTML=contactdetails[this.value]；
contactdetails.StudyP:+='
人名
号码

'；
}

您形成字符串的方式是错误的，它与单引号（“”）和双引号（“”）有关。还有一个冒号（：）。修改后的行是

contactdetails.StudyP += "<a href='http://www.warwickshire.ac.uk/colleges/henley-in-arden.aspx'>Henley in Arden College</a><br>Personname<br>number<br><br>";

contactdetails.StudyP+=“
人名
号码

”；

将您的行替换为此。

“contactdetails.StudyP:”这里的“：”是什么？感谢您的快速响应和更正，在中添加/替换该行允许出现StudyP的第一个字符串，但连接的字符串不会出现在它下面。这与字符串的位置有关吗？您能更具体地说，您希望字符串显示在何处，是否希望类似这样的内容<代码>//phoneNumber.innerHTML=contactdetails[this.value]；var-previousString=contactdetails.StudyP；previousString=previousString.concat（
人名
编号

）；phoneNumber.innerHTML=上一个字符串效果很好！我在Wordpress网站上实现了这一点，我将代码放入页面本身，但是当我保存并尝试运行它时，选中时，没有任何详细信息出现。这可能是Wordpress中HTML和Javascript的兼容性问题吗？我认为Wordpress能够做到这一点。