如何更改使用jQuery JSON和PHP

-1

好家伙多重下拉我想基于这个国家，并根据国家的城市化状态。如何更改使用jQuery JSON和PHP

<label>Country:</label><br/> 
     <select onchange="getval(this)"> 
     <option value="">Select Country</option> 
     <option value="india">India</option> 
     <option value="america">America</option> 
     </select> 


    <select name="" id=""> 
     <option value="">Select State</option> 
     <option value="india">Orissa</option> 
     <option value="india">Telangan</option> 
     <option value="america">USA</option> 
     <option value="america">California</option> 
    </select> 



<select name="" id=""> 
    <option value="">Select city</option> 
    <option value="orissa">Nal</option> 
    <option value="orissa">Mir</option> 
    <option value="Telangan">Hyd</option> 
    <option value="Telangan">Vija</option> 
    <option value="america">KRK</option> 
    <option value="america">MRK</option> 
</select> 


How to change state based on country. and afterthat change city based on state. 
Thanks in advance.

只是我想看看下面这个链接。 http://demos.thesoftwareguy.in/multiple-dropdown-jquery-ajax-php/

来源

2016-07-22 JBK

显示你的代码，你试试这么远吗？ –

你需要为此学习ajax。 –

@Nikhil Vaghla我没有写任何代码。我不知道如何编写代码。它应根据第一个选择选项进行更改。 – JBK

你需要的是容易做，你只需要在你的下拉列表使用Ajax和onChange事件玩：

<select id="idCountries" onchange="updateStatesByCountry()"> 
    <option value="">Select Country</option> 
    <option value="india">India</option> 
    <option value="america">America</option> 
</select> 

<select id="idStates" onchange="updateCitiesByState()"> 
    <option value="">Select State</option> 
    <option value="india">Orissa</option> 
    <option value="india">Telangan</option> 
    <option value="america">USA</option> 
    <option value="america">California</option> 
</select> 

...

在您的JS代码添加所需的功能：

function updateStatesByCountry(){ 
    console.log($('#idCountries').val()); 
    //Here add Ajax logic to load a new dropdown with all states of the current country 

    //Your AJAX call should be something like this 
    $.get('/getStatesByCountry?country='+ $('#idCountries option:selected').val(), function(data){ 
     $('#idStates').empty(); 
     $('#idStates').append(data); 
    }); 
}); 
} 

//Same logic for the next dropdowns.

我强烈建议您在编写此代码之前阅读有关AJAX的内容。

来源

2016-07-22 11:17:40 cralfaro

这里我没有使用ajax或任何数据库表。只更改仅使用JavaScript或jquery更改第一项。 – JBK

@JBK但你需要检索数据时，前一个是改变每个下拉列表填充，可以使用JS数组与所有默认值每个国家/州 – cralfaro

好，谢谢您的建议和代码。但是不能在这里使用ajax还有没有其他解决方案。 – JBK

如何更改使用jQuery JSON和PHP

回答

相关问题