3在一个链接中选择选项

时间:2015-07-24 20:35:11

标签: javascript php jquery

<form action='date.php'>
   <select name='mo'>
      <option value='july'>july</option>
   </select>
   <select name='da'>
      <option value='23'>23</option>
   </select>
   <select name='yr'>
      <option value='2015'>2015</option>
   </select>
   <input type='submit' name='submit' id='submit'>
   <a href='date.php?txtKeyword=$mo $da, $yr'> GO</a>
</form>

我需要上面的链接......但每次都失败了...... 任何人都可以告诉我怎么做,或者如何用上面的链接创建一个日历?

2 个答案:

答案 0 :(得分:0)

您需要一个jQuery脚本来修改您的&#34; href&#34;在更新字段时属性(没有javascript动态更改href值。包括jQuery,将id="modifiedLink"添加到<a>对象并在页面顶部使用此脚本:< / p>

$("[name='mo']").change(function(){updateValues();});
$("[name='da']").change(function(){updateValues();});
$("[name='yr']").change(function(){updateValues();});
function updateValues()
{
    var month = $("[name='mo']").val();
    var day = $("[name='da']").val();
    var year = $("[name='yr']").val();
    $("#modifiedLink").attr("href", "date.php?txtKeyword=" + month + " " + day + "," + year);
}

编辑:这也可以使用onchange事件使用Javascript完成。

答案 1 :(得分:0)

<form action='date.php' method="post" id="myform">
    <select name='mo' id='mo'>
        <option value='july'>july</option>
    </select>
    <select name='da' id='da'>
        <option value='23'>23</option>
    </select>
    <select name='yr' id='yr'>
        <option value='2015'>2015</option>
    </select>
    <input type='submit' name='submit' id='submit' value="Send" />
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(function()
{
    $("#myform").on("submit", function()
    {
        var action = "test.html?txtKeyword=";
        action += $("#mo").val()+"%20";
        action += $("#da").val()+",%20";
        action += $("#yr").val();
        $(this).attr("action", action);
    });
});
</script>