填充选择从使用jQuery其他选择值填充选择从使用jQuery其他选择值(populate sele

大家好我看过很多的问题，但没有一个人能满足我的渴望。我想填充选择一个其他的选择的基础上。我使用Zend框架。我有一个选择，将选择一个账户，选择的ID我想填充等的基础上，基于第一选择的选项，从数据库中读取值中进行选择。我已经先选择是这样的

<select name='select1'>
<option value='1'>accoutn1</option>
<option value='2'>accoutn2</option>
<option value='3'>accoutn3</option>
<option value='4'>accoutn4</option>
</select>

现在我想的是第一选择，其他选择其他的基础上使用jQuery填充。这些选项将是从数据库第一选定值的基础上提取的值。我的另一个选择是

<select name='client'>
</select>

其中的jQuery的功能支持这一点，我可以选择的选项的basisi获取从数据库值和填充其他选择。我使用zendframe工作。任何的想法？

Answer 1:

如果您在使用jQuery你可以使用这个插件

演示和使用情况显示在这里

Answer 2:

使用事件可以绑定的第一选择。取而代之的名称，使用ID或类。

使用$获得（），你可以动态地得到一个PHP页面信息。作出这样的PHP页面回声出你需要的第二个下拉的<option>标记。

这绑定到一个onclick事件来获得当前选择的值，或使用一个选择器来得到它：

var SelectedVal = $('#option1').val();
var Content;

$.get('GetValues.php?SelectedValue=' + SelectedVal , function(data) {
 Content = data;
});

然后使用$（ '＃客户端'）追加（内容）。您可以填写选择。追加将添加标签里面的“内容”。

希望这给你一个很好的起点。

Answer 3:

您需要更改事件绑定你的第一个下拉列表。然后在下拉菜单中，你需要调用一个AJAX功能到你的PHP页面，这将给你的第二个下拉新的选择。并在第一个下拉的Ajax成功功能，您将填充第二个下拉菜单。

对于Ajax调用，你可以看到http://api.jquery.com/jQuery.ajax/

样品：

<select id='ddl_account'>
    <option value='1'>accoutn1</option>
    <option value='2'>accoutn2</option>
    <option value='3'>accoutn3</option>
    <option value='4'>accoutn4</option>
</select>

<select id='ddl_account_2nd'>
</select>

$(document).ready(function(){
    $('#ddl_account').change(function(){
       $.ajax({
          type: "POST",
           url: "account.php",
           data: "account=" + $(this).val(),
          success: function(options){
            //options = "<option value='1'>accoutn1</option><option value='2'>accoutn2</option>"
            $('#ddl_account_2nd').empty().append(options);
          }
        });
    })

})