首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Jquery不会对任何东西做出反应

Jquery不会对任何东西做出反应
EN

Stack Overflow用户
提问于 2012-08-13 21:08:07
回答 2查看 60关注 0票数 0

我有这个jquery代码片段。因为它没有传递给我值,所以我尝试了各种方法来找出原因,包括函数回调来查看发生了什么。然而,没有显示任何内容。两个不同的例子

代码语言:javascript
复制
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
//jquery code for source list
$(document).ready(function()
     {
      $('#country').change(function() 
         {
            if ($(this).val()!='') 
              {
                $("#source").load("/CI-3/application/controllers/control_form.php",   {pais_id: $(this).val()}, function() 
            {
          alert('Load was not performed.'));
            }

    });

});  // end of country and city function
</script>

因此,这是应该在更改值时激活jquery的selectlist:

代码语言:javascript
复制
<?php echo form_open('control_form/add_all'); ?>
       <label for="country">Country<span class="red"></span></label>
        <select id="country" name="country">
            <option value="">Select</option>
            <?php

                foreach($result as $row)
                {
                echo '<option value="' . $row->pais_id . '">' . $row->pais_name . '</option>';
                }

            ?>
        </select>

还有一个不同的例子:

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function()
        {
             $('#country').change(function() 
                  {
                  if ($(this).val()!='') 
                      {
                               $("#loquesea").load("/not-here.php", function(response, status, xhr) 
                                    {
                                if (status == "error") 
                                      {
                                          var msg = "Sorry but there was an error: ";
                                          $("#error").html(msg + xhr.status + " " + xhr.statusText);
                                          }
                                });


                         });
                  });

                 });



</script>
</head>
<body>
<b>Successful Response (should be blank):</b>
<div id="success"></div>
<b>Error Response:</b>
<div id="error"></div>


<form action="">
<select id = "country" name="country">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
</body>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-08-13 21:15:04

您的html中没有带id源的元素,因此您的选择器将为$("#source")

变化

代码语言:javascript
复制
$("#source")

代码语言:javascript
复制
$("#success")

if ($(this).val() != ''){缺少}括号

代码语言:javascript
复制
$(document).ready(function() {
    $('#country').change(function() {
        if ($(this).val() != '') {
            $("#loquesea").load("/not-here.php", function(response, status, xhr) {
                if (status == "error") {
                    var msg = "Sorry but there was an error: ";
                    $("#error").html(msg + xhr.status + " " + xhr.statusText);
                }
            });
        }

        });
    });
票数 1
EN

Stack Overflow用户

发布于 2012-08-13 21:14:31

括号有很多错误。修复它们,你的代码就会正常工作。使用正确的缩进作为指导。

代码语言:javascript
复制
$(document).ready(
     function()
     {
         $('#country').change(
             function() 
             {
                 if ($(this).val()!='') 
                 {
                        $("#source").load("/CI-3/application/controllers/control_form.php",   
                                          {pais_id: $(this).val()}, 
                                           function() 
                                                  {
                                             alert('Load was not performed.'); // 1st fix
                                                }
                                         ); // 2nd fix

                  } 
                } // 3rd fix... and so on
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11934876

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档