2016-08-17 87 views
0

我試圖代表其他下拉列表的值填充下拉菜單。這裏的問題是,我正在嘗試調用select tag的onChange事件的函數未被編譯。並在此處顯示console.enter代碼中的錯誤。 HTML:Jquery/AJAX函數無法正常工作Change事件

<select name="street_id" id="street_id" onchange="get_data(this)" class="input-xlarge"> 

</select> 

的Jquery:

<script type="text/javascript"> 
    function get_data() 
    {  
     $('#client_list').empty()  
     var dropDown = document.getElementById("street_id"); 
     var street_id = dropDown.options[dropDown.selectedIndex].value; 
     $.ajax({ 
       type: "GET", 
       url: "http://localhost:7777//index.php/admin/get_one_street_client/" + street_id,    
       data: { 'street_id': street_id }, 
       success: function(data){ 
        // Parse the returned json data    
        var opts = $.parseJSON(data); 
        // Use jQuery's each to iterate over the opts value 
        $.each(opts, function(i,d) { 
         console.log(d.client_name); 
         // You will need to alter the below to get the right values from your json object. Guessing that d.id/d.modelName are columns in your carModels data 
         <?print "var value == '$balance_data[0]->client_id'"; 
         //$selected = 'selected'; 
         ?> 
         $('#client_list').append('<option value="' + d.client_id + ' ">' + d.client_name + '</option>');      
        }); 

       } 

      }); 
    } 
</script> 

錯誤:

insert_balance:180

Uncaught ReferenceError: get_data is not definedonchange @ insert_balance:180

我已經添加在上面jQuery庫地址。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
+1

你在哪裏添加了你的腳本? –

+1

這個'<?print「var value =='$ balance_data [0] - > client_id'」; // $ selected ='selected'; ?>' –

+0

@KinshukLahiri是這是錯誤..謝謝.. – user1960257

回答

1

很明顯,您不應該將該php放入AJAX響應的成功回調中。我無法想象這可以做什麼。只需擦除這些行。

我不知道該php生成的是什麼,但它看起來像在函數get_data()中生成語法錯誤。

這意味着整個腳本(腳本標記內)不會被編譯。

此外,它看起來像行代碼沒有做任何事情,即使它沒有造成問題

VAR值== 5;不知道爲什麼這個代碼存在