转发正确页面的 onchange 参数

Question

嘿，我想对 onchange 参数进行一些快速更改。请你帮忙设置 onchange 参数打开一个新页面。

好吧，有人会选择 Basic info 并将转发到为该脚本准备好一些列的新页面。

<div class="col-xs-10">
                    <input type="hidden" name="form_type" value="script">
                    <select id="option" class="form-control input-sm" name="option" **onchange=""**>
                        <option>Ping</option>
                        <option>Traceroute</option>
                        <option>Basic info</option>
                        <option>Restart modules</option>
                    </select>
                </div>

非常感谢您的帮助！

Answer 1

如果您将目标网址放在选项中，它应该可以（未经测试）使用

onchange="javascript:window.open( this.options[ this.selectedIndex ].value, '_self');"

您必须根据选项的值决定如何构建 url。

Answer 2

您可以为此使用 jQuery。为此

创建一个Post

    $(function(){
      $('#option').change(PostOption);
    });
    function PostOption(){
      $.post( "test.php", { option: $('#option').val() })
         .done(function( data ) {
            alert( "Data posted: " + data );
         })
         .error(function( error ) {
           console.log(error);
           alert("Something went wrong...");
         }
      );
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="option">
  <option>Select value</option>
  <option value=1>Option 1</option>
  <option value=2>Option 2</option>
</select>

转发正确页面的 onchange 参数

Onchange parameter to forward for the correct page

html

javascript

onchange