如何将确认框选择与下拉列表项连接?

时间:2019-04-12 03:31:55

标签: javascript html drop-down-menu confirmation

我正在尝试创建一个基本的地图应用程序。将出现一个下拉列表,用户可以选择所需的比例。选择所需的比例后,将出现一个确认框,并要求用户确认。选择“确定”后,我的代码可以正常工作,但是选择“取消”时,它仍会更改下拉菜单。我正在尝试做到这一点,当取消选择时,列表返回的是最后选择的比例而不是选择的比例。有什么办法吗?这是我的一些代码;

<script type="text/javascript">  
  function changeMapImage()
  {
  var image = document.getElementById("defmap");
  var scale = document.getElementById("myList").value;

  var r = confirm("Press a button!");
  if (r == true) {
  image.src = "Images/"+scale+".jpg";
}
  else {
  txt = "You pressed Cancel!";
}
  }
</script>

<form>
    <div class="selectscale">Select map scale</div>
        <select id="myList" onchange="changeTableCells(); 
changeMapImage();">

<option value="500000">1:500000</option>

<option value="250000">1:250000</option>

<option value="50000">1:50000</option>

<option value="10000">1:10000</option>

<option value="2000">1:2000</option>

</select>

</form>

0 个答案:

没有答案