如何预选选择标签'；s选项使用javascript

我有一个表单，其中包含select标记，我想在点击上一页的按钮后预先填充该标记。我该怎么做？ 以下是表格代码：

<form method="post" name="registration" action="http://esafe.urdemo.net/user/login/signup" onsubmit="return checkform2();">

                                <input type="text" class="textbox"  placeholder="Enter First Name"   name="first_name" /> 

                               <input type="text" class="textbox"   placeholder="Enter Middle Name" name="middle_name" />

                               <input type="text" class="textbox"  placeholder="Enter Last Name" name="last_name" />

                               <input type="text" class="textbox"  placeholder="Select Date dd/mm/yyyy"  name="Date1" onblur="return checkdob(this);"/>

                               <input type="text" class="textbox"  placeholder="Enter Email Id" name="email" />

                               <input type="text" class="textbox"  placeholder="Enter Mobile No." name="mobile" />

                               <select name="plan" class="form-control"  style="width:90%">
                                    <option value="" selected="selected">Please Select</option>
                                    <option value="1">Pro</option>
                                    <option value="2">Premium</option>
                                    <option value="3">Elite</option>
                                    <option value="4">Magna</option>
                               </select>
 <div class="signinStrip">
  <span class="forgot"> <a href="#" id="resend_password_link"></a> </span>
   <input class="signin_submit" value="Submit" type="submit" />
    </div>
    </form>

请选择
赞成
保险费
精英
麦格纳

这是按钮的代码

 <tr>
     <td class="title">&nbsp;</td>
     <td><p class="bottom"><a class="btn btn-primary" href="#" >Buy Now</a></p></td>
     <td><p class="bottom"><a class="btn btn-primary" href="#" >Buy Now</a></p></td>
     <td><p class="bottom"><a class="btn btn-primary" href="#" >Buy Now</a></p></td>
     <td><p class="bottom"><a class="btn btn-primary" href="#" >Buy Now</a></p></td>

    </tr>

如果要根据上一页上单击的按钮选择特定选项，则必须通过服务器端变量或地址url参数发送该值。例如，您的第二页url必须类似于“”

然后在下一页javascript中，您必须提取这个参数

function getParam(paramName) {
  return decodeURI(
    (RegExp(paramName + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
  );
} 
var selectedVal = getParam("elected_value");
document.getElementById(<your select box id>).value = selectedVal;​​​​​​​​​​

函数getParam（paramName）{ 返回解码URI( （RegExp（paramName+'='+'（.+？）（&|$））.exec（location.search）| |[，null]）[1] ); } var selectedVal=getParam（“选择的_值”）； document.getElementById（）.value=selectedVal；​​​​​​​​​​

---

您所说的预填充是什么意思？是否要基于上一页按钮单击选择特定选项，还是要用新选项填充选择框options@Sandeeproop，是的，我想根据上一页上单击的按钮选择一个特定选项。您建议的方式是通过get request发送参数，对吗？我想通过post请求发送它，然后你可以在一些服务器变量中设置它们，并在下一页将它们传递给JS变量，例如rails中的var select_val=