javascript - 如何在<选项值="url here & js here">中显示JS值

Question

如何使用 document.write 从下拉菜单中显示值

<option value="jmp.php?type=auto&rate=<script>document.write(rate)</script>">Auto Insurance</option>

这可能吗？我怎样才能实现这个目标？在下一页上，我需要 _GET“费率”，但我不知道如何将其传递到值中。

提交表单时，此代码用于将用户发送到 value=""中的 URL

var goBtn = document.getElementById("search");
var menu = document.getElementById("s1");

goBtn.onclick = function() {
  window.location = menu.value;
}

这是我正在使用的 HTML。

<script>
    function getRate() {
      var rate = document.getElementById("s2").value;
    </script>
    <div class="row">
      <div class="col-md-12">
        <div class="subscribe-block">
        <div class="row">
        <form class="form-horizontal" role="form" id="subscribeForm">
          <div class="col-sm-4">
              <fieldset style="margin-top: -1.1em">
                <div style="color: #fff;">Insurance Plan</div>
                <select id="s1" class="form-control input-lg">
                  <option value="jmp.php?type=auto&rate=<script>document.write(rate)</script>">Auto Insurance</option>
                  <option value="jmp.php?type=health&rate=<script>document.write(rate)</script>">Health Insurance</option>
                </select>
              </fieldset>
            </div>
          <div class="col-sm-4">
              <fieldset style="margin-top: -1.1em">
                <div style="color: #fff;">Estimated Current Payment</div>
                <select name="s2" id="s2" class="form-control input-lg">
                  <option>$5</option>
                  <option>$10</option>
                  <option>$20</option>
                  <option>$30</option>
                  <option>$40</option>
                  <option>$50</option>
                  <option>$60</option>
                  <option>$70</option>
                  <option>$80</option>
                  <option>$90</option>
                  <option>$100</option>
                  <option>$110</option>
                  <option>$120+</option>
                </select>
              </fieldset>
            </div>      
            <div class="col-sm-4">
              <input style="color: #fff;" id="search" placeholder="Continue >>" class="btn btn-warning btn-block btn-lg">
            </div>

Answer 1

<script>
   var goBtn = document.getElementById("search");
   var menu = document.getElementById("s1");
   var myObject = {
       "value1": "jmp.php?type=auto&rate=<script>document.write(rate)<\/script>",
       "value2": "jmp.php?type=health&rate=<script>document.write(rate)<\/script>"
   }
   goBtn.onclick = function() {
   window.location = myObject[menu.value];
   }
</script>

<select id="s1" class="form-control input-lg">
    <option value="value1">Auto Insurance</option>
    <option value="value2">Health Insurance</option>
</select>