使用 jquery 从其他选择值填充选择答案

【问题标题】：populate select from other select value using jquery使用 jquery 从其他选择值填充选择
【发布时间】：2012-12-16 03:44:04
【问题描述】：

大家好，我见过很多问题，但没有人满足我的渴望。我想在另一个选择的基础上填充选择。我正在使用zend框架。我有一个选择，它将选择一个帐户，并基于该选择的 id，我想用基于第一个选择的选项从数据库中获取的值填充其他选择。我有第一个选择是这样的

选择>

现在我想要的是在第一个选择的基础上，另一个选择是使用 jquery 填充的。选项将是基于第一个选定值从数据库中获取的值。我的另一个选择是

选择>

jquery 的哪个函数支持这一点，我可以根据所选选项从数据库中获取值并填充其他选择。我正在使用 zendframe 工作。任何想法？

【问题讨论】：

标签： php javascript zend-framework jquery

【解决方案1】：

如果你使用 jQuery，你可以使用这个plugin

演示和使用here

【讨论】：

【解决方案2】：

使用事件可以绑定第一个选择。使用 ID 或类代替名称。

使用 $.get() 您可以从 php 页面动态获取信息。使该 php 页面回显第二个下拉列表所需的标签。

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

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

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

然后使用 $('#client').append(Content);你可以填写选择。 Append 将在标签内添加“内容”。

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

【讨论】：

【解决方案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);
          }
        });
    })

})

【讨论】：

【解决方案4】：

看看jQuery Ajax API.

【讨论】：