根据select选项的值更改ajax url

Question

我有一个带有三个选择的选择框的表单

<select id="tool" name="tool">
    <option value="option1">Option1</option>
    <option value="option2">Option2</option>
    <option value="option3">Option3</option>
</select>

每个选择都有自己的php文件

• option1.php
• option2.php
• option3.php

根据选择我希望Ajax网址更改为相应的php文件

Ajax部分

$.ajax({
    type: "GET",
    url: "option1.php",

Answer 1

使用jQuery val() 方法

$.ajax({
    type: "GET",
    url: $('#tool').val() + ".php",

Answer 2

选择选项时是否调用ajax？ ：

$('#tool').change(function(){
   $.ajax({
      type: "GET",
      url: $('#tool option: selected').val() + '.php',
      //the rest of the code
   });
});

Answer 3

<select id="tool" name="tool">
    <option value="option1">Option1</option>
    <option value="option2">Option2</option>
    <option value="option3">Option3</option>
</select>

<script>
    $(function(){
      $('#tool').bind('change', function () {
          var url = $(this).val() + ".php"; 
          $.ajax({
                  url: url,
                  data: data,
                  ....
          });
      });
    });
</script>

Answer 4

你也可以使用更简单的$ .get（）

setFrozenColumns