javascript - 如何使用javascript添加form.action？

Question

我正在构建 django 网站，并且必须使用一些选择提交，我的代码是:

<form id='buttonform1' method='get'>
   <div class="control-group btn">           
            <div class="controls "> 
              <select id="select01"> 
                <option>2017</option> 
                <option>2018</option> 
                <option>2019</option> 
                <option>2020</option>               
              </select> 

              <select id="select02"> 
                <option>1</option> 
                <option>2</option> 
                <option>3</option> 
                <option>5</option>               
                <option>6</option>               
                <option>7</option>               
                <option>8</option>               
                <option>9</option>               
                <option>10</option>               
                <option>11</option>               
                <option>12</option>         
              </select>             
            <input type="button" value='submit' id='submit1'> 
</div> </div> 
</form> 

<script type="text/javascript"> 
$(document).ready(function(){ 
$("#submit1").click(function(){   
  var year=$('#select01').val(); 
  var month=$('#select02').val(); 
  var action1="?year="+year+"&month="+month 
    alert(action1);      
   document.getElementById('buttonform1').action=action1; 
   document.getElementById('buttonform1').submit();  

}); 
}) 
</script>

警报消息是:

 ?year=2017&month=1

但是提交结果丢失了操作信息:

http://localhost/report/?

如果我像这样更改操作(删除“？”):

var action1="year="+year+"&month="+month

结果是:

http://localhost/report/year=2017&month=1?

我还能做什么？谢谢

Answer 1

这是使用表单的一种相当奇怪的方式。只用HTML就可以实现你所需要的，不受任何JS的干扰。

首先将表单的action属性设置为数据应发送到的URL。然后，您可以将 name 属性添加到 select 元素，以便正确键入值。最后，将按钮更改为“提交”，以便在单击该按钮时发送表单信息。试试这个:

<form id="buttonform1" action="your-page-here.html" method="get">
  <div class="control-group btn">
    <div class="controls">
      <select id="select01" name="year"> 
        <option>2017</option> 
        <option>2018</option> 
        <option>2019</option> 
        <option>2020</option>               
      </select>

      <select id="select02" name="month"> 
        <option>1</option> 
        <option>2</option> 
        <option>3</option> 
        <option>5</option>               
        <option>6</option>               
        <option>7</option>               
        <option>8</option>               
        <option>9</option>               
        <option>10</option>               
        <option>11</option>               
        <option>12</option>         
      </select>

      <input type="submit" value="submit" id="submit1">
    </div>
  </div>
</form>