1

JavaScriptを使用して、次のような選択コントロールの「onchange」関数で送信するHTMLフォームがあります。

<form action='seeLocation.php?'>Jump To Location: 
    <select onchange='this.form.submit()'>
        <option value='1'>Location1</option>
        <option value='2'>Location2</option>
        <option value='3'>Location3</option>
    </select>
</form>

問題は、<option>'s valueタグをフォームのactionタグに渡す必要があることです。これは、実際には次のようなものです。

<form action='seeLocation.php?1'>

また

<form action='seeLocation.php?2'>

等

それは可能ですか？ありがとう！

4

2 に答える 2

5

あなたのonchange関数では、これを行うことができると思います（まだテストしていません）：

this.form.action="seeLocation.php?"+this.options[this.selectedIndex].value;this.form.submit()
于 2013-03-19T19:25:03.877 に答える
1

HTMLを次のように変更します。

<script type="text/javascript">
  function changeDropDown(dropdown){
     var location = dropdown.options[dropdown.selectedIndex].value;
     document.getElementById("form1").action = "seeLocation.php?" + location;
     document.getElementById("form1").submit();
   }
</script>

<form id="form1" name="form1">Jump To Location: 
    <select onchange='changeDropDown(this);'>
        <option value='1'>Location1</option>
        <option value='2'>Location2</option>
        <option value='3'>Location3</option>
    </select>
</form>

冗長性の低いコードが必要な場合は、インラインで実行することもできます。

于 2013-03-19T19:25:02.707 に答える