如何在彈出的同一頁面的下拉列表中創建帶有預選選項的超鏈接？

Question

我想在彈出窗口中選擇一個選項來開始工作。我已經在互聯網上做了我的研究，這是迄今爲止我所做的，但它不起作用。我現在總是有一個預先選擇的選項號碼

超鏈接觸發顯示彈出窗口，其中應該預先選擇選項2。

<a href="?select=two" class="btn btn-red-2 show-modal" data-modal-id="order-form-modal">Order!</a> 

模態窗口顯示出來，選項2應該被預先選擇。

<div id="order-form-modal" class="modal-window"> 
<select class="prettyform" name="select" id="select"> 
          <option id="one" value="1" data-price="950">Nízke stojánky</option> 
          <option id="two" value="2" data-price="1790">Vysoké stojánky</option> 
          <option id="three" value="3" data-price="990">Set přenosné kruhy</option> 
          <option id="four" value="4" data-price="790">Přenosné kruhy</option> 
          <option id="five" value="5" data-price="490">Popruhy na kruhy</option> 
         </select> 
</div> 

JavaScript應該在開始時解析超鏈接中給出的參數。

<script> 
    $(document).ready(function() { 
     var select = GetUrlParameter("select"); 
     $("#" + select).attr("selected", ""); 
    }); 

    function GetUrlParameter(name) { 
      var value; 
      $.each(window.location.search.slice(1).split("&"), function (i, kvp) { 
        var values = kvp.split("="); 
        if (name === values[0]) { 
          value = values[1] ? values[1] : values[0]; 
          return false; 
        } 
      }); 
      return value; 
    } 
</script> 

Answer 1

您需要在option設置selected屬性爲true：

var select = GetUrlParameter("select"); 
$("#" + select).prop("selected", true); 

Example fiddle