使用javascript显示基于两个html选择的输出

我正在尝试为出租车服务创建一个定价计算器，提供地点之间的估计值。到目前为止，我有：

    <label for="Pickup Pricing">Pickup Location:</label>
<select name="Pickup-location" id="Pickup" onchange="pupdate()">
    <option value="">-Start Location-</option>
    <option value="Leighton Buzzard">Leighton Buzzard</option>
    <option value="Hockliffe">Hockliffe</option>
    <option value="Milton Keynes">Milton Keynes</option>
</select>

<br></br>

<label for="Destination Pricing">Destination:</label>
<select name="Destination" id="Destination" onchange="dupdate()">
    <option value="">-Destination-</option>
    <option value="Leighton Buzzard">Leighton Buzzard</option>
    <option value="Hockliffe">Hockliffe</option>
    <option value="Milton Keynes">Milton Keynes</option>
</select>

<h2 id="Pickupwrite"></h2><h2 id="Destinationwrite"></h2>

<script>
function pupdate() {
  var p = document.getElementById("Pickup");
  document.getElementById("Pickupwrite").innerHTML = "From " + p.value + " to ";
}

function dupdate() {
  var d = document.getElementById("Destination");
  document.getElementById("Destinationwrite").innerHTML = d.value + " is ";
}

</script>

拾取位置：
-起始位置-
雷顿秃鹰
霍克利夫
米尔顿·凯恩斯



目的地：
-目的地-
雷顿秃鹰
霍克利夫
米尔顿·凯恩斯
函数pupdate（）{
var p=document.getElementById（“拾取”）；
document.getElementById（“Pickupwrite”）.innerHTML=“From”+p.value+“to”；
}
函数dupdate（）{
var d=document.getElementById（“目的地”）；
document.getElementById（“Destinationwrite”）.innerHTML=d.value+“is”；
}

这可以显示我的位置，我现在需要创建一种方式来查找定价。即，如果起点为“a”，终点为“b”，则价格为“x”

---

我希望这是有意义的，任何建议都将受到感谢。

作为一种简单的方法，您只需要使用一些

if-else

语句 像

拾取位置：
-起始位置-
雷顿秃鹰
霍克利夫
米尔顿·凯恩斯



目的地：
-目的地-
雷顿秃鹰
霍克利夫
米尔顿·凯恩斯
var p=“”；
函数pupdate（）{
p=document.getElementById（“拾取”）；
document.getElementById（“Pickupwrite”）.innerHTML=“From”+p.value+“to”；
}
函数dupdate（）{
var d=document.getElementById（“目的地”）；
var结果=”；
如果（p.value==“Leighton Buzzard”和d.value==“Hockliffe”）{
结果=“阿萨拉姆”；
}
else if（p.value==“莱顿秃鹰”和d.value==“米尔顿凯恩斯”）{
结果=“梅尔哈巴”；
}
else if（p.value==“莱顿秃鹰”和d.value==“米尔顿凯恩斯”）{
result=“你好”；
}
否则{
result=“无结果”；
}
document.getElementById（“Destinationwrite”）.innerHTML=d.value+“是”+结果；
}

只需创建一个二维数组，其中列为目的地，行为拾取位置。每个单元格都包含价格。注意，从左上角到右下角的对角线都是0或空白。然后创建一个查找功能，这似乎是一个简单（黑客）的方式去做，我会给它一个尝试！是的，你是对的，我这样说是因为我认为你是编程初学者，通常你不会在程序的客户端检查你的重要信息，其他方面所有用户都会看到，因为你大部分使用服务器端编程语言，如node.js、php…等等。这非常有效。当已经设置了目的地，然后用户更改了开始时，是否有方法更新结果？

    <label for="Pickup Pricing">Pickup Location:</label>
<select name="Pickup-location" id="Pickup" onchange="pupdate()">
    <option value="">-Start Location-</option>
    <option value="Leighton Buzzard">Leighton Buzzard</option>
    <option value="Hockliffe">Hockliffe</option>
    <option value="Milton Keynes">Milton Keynes</option>
</select>

<br></br>

<label for="Destination Pricing">Destination:</label>
<select name="Destination" id="Destination" onchange="dupdate()">
    <option value="">-Destination-</option>
    <option value="Leighton Buzzard">Leighton Buzzard</option>
    <option value="Hockliffe">Hockliffe</option>
    <option value="Milton Keynes">Milton Keynes</option>
</select>

<h2 id="Pickupwrite"></h2><h2 id="Destinationwrite"></h2>

<script>

var p="";
function pupdate() {
   p = document.getElementById("Pickup");
  document.getElementById("Pickupwrite").innerHTML = "From " + p.value + " to ";
}
function dupdate() {
  var d = document.getElementById("Destination");

  var result="";
  if(p.value == "Leighton Buzzard" && d.value == "Hockliffe"){
    result="Assalam";
  }
  else if(p.value == "Leighton Buzzard" && d.value == "Milton Keynes"){
    result="Merhaba";
  }
  else if(p.value == "Leighton Buzzard" && d.value == "Milton Keynes"){
   result="Hello";
  }
  else{
    result="no result";
    }

  document.getElementById("Destinationwrite").innerHTML = d.value + " is " + result;
}

</script>