使用jquery填充從其他選擇值中選擇

大家好，我見過很多問題，但沒有人滿足我的渴望。我想在另一個選擇的基礎上填充選擇。我正在使用zend框架。我有一個選擇，將選擇一個帳戶，並根據選定的ID我想填充其他選擇與基於第一個選定的選項從數據庫中提取的值。我有第一個選擇是這樣的使用jquery填充從其他選擇值中選擇

 
<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工作。任何想法？

來源

2011-04-08 Awais Qarni

如果你使用jQuery，您可以使用此所示plugin

示範和使用here

來源

2011-04-08 10:16:03

-1

看一看jQuery Ajax API.

來源

2011-04-08 08:42:55

使用事件可以綁定第一選擇。而不是名稱，使用ID或類。

使用$ .get（）可以動態地從php頁面獲取信息。讓該頁面回顯出第二個下拉菜單所需的標籤<>。

綁定到一個onclick事件這讓當前選擇的值，或使用一個選擇器來得到它：

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

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

然後使用$（「＃客戶端」）追加（內容）;你可以填寫選擇。追加將在標籤內添加「內容」。

希望這能給你一個好的起點。

來源

2011-04-08 08:43:51 Henry

您需要爲第一個下拉列表綁定更改事件。然後在該下拉列表中，您需要調用一個ajax函數到您的php頁面，這會爲您的第二個下拉列表提供新的選擇。和第一個dropdown的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); 
      } 
     }); 
    }) 

})

來源

2011-04-08 08:46:16 Imrul

使用jquery填充從其他選擇值中選擇

回答

相關問題