JQuery的下拉列表更改无法在codeigniter中工作

Question

我是新来的代码点火器，我已经在StackOverflow线程的数量中搜索了以下问题，但没有一个似乎解决了我的问题。

我有以下看法代码：

<select name="select1" id="select1"> 
    <option value="0">None</option> 
    <option value="1">First</option> 
</select> 
<scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script type="text/javascript"> 

// Ajax post 
$(document).ready(function() { 
    $("#select1").change(function(event) { 
     event.preventDefault(); 
     var id = $(this).val(); 
     jQuery.ajax({ 
      type: "POST", 
      url: "<?php echo base_url(); ?>" + "index.php/mycontroller/method", 
      dataType: 'json', 
      data: {id: id}, 
      success: function(res) { 

      } 
     }); 
    }); 
}); 
</script> 

好了当我改变下拉列表中选择什么也没有发生，这实际上应该叫我控制器的方法。你能帮我解决这个问题吗？

感谢

Answer 1

您正在使用<select> id作为category

但在jQuery中您所呼叫$("#select1").change(function(event)这样。

你只需要改变$("#select1").change(function(event)到

$("#category").change(function(event)

Answer 2

你在jQuery的代码中使用id选择，但该ID被提及作为在HTML标记下拉列表的名称属性。所以请尝试下面的代码。

更改此如下： -

<select name="select1" id="category"> 
    <option value="0">None</option> 
    <option value="1">First</option> 
</select> 
<scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script type="text/javascript"> 
// Ajax post 
$(document).ready(function() { 
    $("#category").change(function(event) { 
     event.preventDefault(); 
     var id = $(this).val(); 
     jQuery.ajax({ 
      type: "POST", 
      url: "<?php echo base_url(); ?>" + "index.php/mycontroller/method", 
      dataType: 'json', 
      data: {id: id}, 
      success: function(res) { 

      } 
     }); 
    }); 
}); 

Answer 3

有错你的jQuery选择。

您使用$("#select1").change(function(){});

您不必在此名称在部分下文称任何标识。

Answer 4

检查控制台，如果您的脚本包含任何错误。

如果没有脚本错误，请检查您的函数在更改后被调用，通过添加alert或console语句。

如果函数被调用，请检查base_url。根据最新的评论'/'缺少。

您也可以尝试下面的代码片段：

//Add J Query Library here 

<select name="select1" id="select1" onchange="funName(this);"> 
    <option value="0">None</option> 
    <option value="1">First</option> 
</select> 

<script type="text/javascript"> 
function funName(element) 
{ 
    var id = element.value; 
    jQuery.ajax({ 
     type: "POST", 
     url: "<?php echo base_url(); ?>" + "/index.php/mycontroller/method", 
     dataType: 'json', 
     data: {"id" : id}, 
     success: function(res) { 
       console.log(res); 
     } 
    }); 
} 
</script>