Question

大家都看到很多问题，但没有人满足我的渴望。我想在另一个选择的基础上填充选择。我正在使用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的哪个函数支持这个，我可以在所选选项的基础上从数据库中获取值并填充其他select。我正在使用zendframe工作。任何的想法？

Answer 1

如果您使用的是jQuery，可以使用此plugin

显示的演示和使用情况here

Answer 2

使用事件可以绑定第一个选择。而不是名称，使用ID或类。

使用$ .get（），您可以从php页面动态获取信息。让那个php页面回显出＆lt;选项＆gt;第二次下拉所需的标签。

将此绑定到onclick事件以获取当前选定的值，或使用选择器获取它：

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

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

然后使用$（'＃client'）。append（Content）;你可以填写选择。追加将在标签内添加“内容”。

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

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);
          }
        });
    })

})

Answer 4

查看jQuery Ajax API.

使用jquery填充从其他选择值中选择

4 个答案: