如何在php中整合一些javascript来传递数据？

我正在尝试在下面的php中加入一些javascript，以便将变量传递到下一个页面（checkout.php）。它最初是有效的，但现在我在正确执行这一点上遇到了困难。有什么建议吗

    echo '<div class = "row"><div class = "span 4 offset6"><select style="width:                130px;" name="shipping" class="span2">
            <option value="0">7-9 days: FREE</option>
            <option value="7">3-5 days: $7</option>
                                    <option value="17">2 days: $17</option>
            <option value="22">1 day: $22</option>
            </select></div></div>';
            }


    echo '<script language="javascript">
    function test()
    {
        var val=document.getElementById("select").value;  
        var hrf="checkout.php?options="+val;
        document.getElementById("a_link").href=hrf;
    }
    </script>
    <a href ="#" id="a_link" onclick="test();" class="btn btn-success" type="submit"><i class="icon-shopping-cart icon-white"></i>  Add to Cart</a>';

echo'
7-9天：免费
3-5天：7美元
2天：17美元
1天：22美元
';
}
回声'
功能测试（）
{
var val=document.getElementById（“选择”）.value；
var hrf=“checkout.php？options=“+val；
document.getElementById（“a_链接”）.href=hrf；
}
';

编辑：我遇到的问题是，当我单击按钮时，它会停留在同一页面上，而不是使用option参数转到checkout.php

即使我将javascipt的第一行更改为： var val=document.getElementByName（“shipping”）.value

---

页面仍然保持不变。我想这就是问题所在，但我不知道如何解决它

只是不要将JS合并到PHP中。这绝对没有意义
只需离开PHP模式，按原样编写JS：

<?php
//some PHP
?>
<script language="javascript">
function test()
{
    var val=document.getElementById("select").value;  
    var hrf="checkout.php?options="+val;
    document.getElementById("a_link").href=hrf;
}
</script>
<a href ="#" id="a_link" onclick="test();" class="btn btn-success" type="submit">
<i class="icon-shopping-cart icon-white"></i>  Add to Cart</a>

功能测试（）
{
var val=document.getElementById（“选择”）.value；
var hrf=“checkout.php？options=“+val；
document.getElementById（“a_链接”）.href=hrf；
}

在哪里定义了id=“select”？