從數據庫信息的兩個下拉菜單中提取兩個選項

我確信標題模糊不清，所以讓我試着解釋我在做什麼。從數據庫信息的兩個下拉菜單中提取兩個選項

比方說，我在那些在他們的數據庫拉到信息，像這樣的形式的兩個下拉菜單：

下拉1

- >選項1

- >選項2

Dropdown 2

- >選項3

- >選項4

下拉3

[無]

什麼我希望做的是把選擇的選項成動態地在同一頁面上單下拉。因此，它會再看看像

下拉1

- >[SELECTED]選項1

- >選項2

下拉2

- >[SELECTED]選項3

- >選項4

下拉3

- >選項1

- >選項3

圖片運動支架，其中有兩個「半決賽「，比如A隊和B隊進行第一場比賽，然後是C隊和D隊進行第二場比賽。之後，如果A隊獲勝（被選中）並且C隊獲勝（被選中），則下一場比賽將會成爲A隊和C隊（下拉3）。

任何想法？

編輯，對於那些已回覆：我想我可以更具體，因爲這直接回答我所要求的，我感謝你。但是，我有兩個初始下拉列表中的其中一個選項作爲默認選項，因此dropdown 3應該已經具有1和2兩個選項。它會改變選項，如果下拉1的選項改變。所以默認情況下，下拉菜單3會顯示選項1和3，但是如果我將下拉菜單1更改爲選項2，則會將下拉菜單3更改爲選項2和3.這是否有意義？

來源

2014-04-11 Mijeman

http://jsfiddle.net/JEDA4/

<select id="one"> 
    <option>Option 1 - 1</option> 
    <option>Option 1 - 2</option> 
</select> 
<select id="two"> 
    <option>Option 2 - 1</option> 
    <option>Option 2 - 2</option> 
</select> 
<select id="three"> 
</select> 

$('#one, #two').on('change',function() { 
    $('#three').empty().append('<option>' + $("#one option:selected").text() + '</option>').append('<option>' + $("#two option:selected").text() + '</option>'); 
});

來源

2014-04-11 21:28:41

我的錯誤！我誤解了代碼。這會工作！ – Mijeman

你明明想檢查，以確保人誰改變主意比預期的（例如，我選擇選項1不添加更多選項，然後選擇選項4導致雙方被添加到新的選擇時實際上我只希望我的最終答案[4]增加）。

不過，應該讓你開始。

HTML

<select class="component" name="blah"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
</select> 
<select class="component" name="blah2"> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select> 
<select name="combined"></select>

$(function() { 
    $('.component').change(function() { 
     $('select[name="combined"]').append('<option value="' + $(this).val() + '">' + $(this).val() + '</option>') 
    }) 
})

Fiddle

來源

2014-04-11 21:22:10 jboneca

我想我本來可以更具體的，因爲這直接回答我的詢問，我爲此感謝你。但是，我有兩個初始下拉列表中的其中一個選項作爲默認選項，因此dropdown 3應該已經包含1和2中的兩個選項。它會改變選項，如果下拉1的選項改變。因此默認情況下，下拉菜單3會顯示選項1和3，但是如果將下拉菜單1更改爲選項2，則會將下拉菜單3更改爲選項2和3. 這是否合理？ – Mijeman

@ user3525345啊我明白了，那麼我會去芭芭拉的答案（剛發佈）。 – jboneca

無論如何感謝您的答案！ – Mijeman

您可以使用JavaScript來動態改變三號選擇的選項。

從這裏

它應該是相當直截了當地注入這些選擇值到3下拉。

我個人聽對於前兩個下拉菜單的任何改變（變化），在改變方法，我會從第三下拉刪除所有的與.append選定的值。

來源

2014-04-11 21:22:22 Patrick

-1

您可以使用JavaScript由一個變化觸發而在任第2個下拉菜單

在標籤

由添加的onchange =「updateDropdown（）」參數

然後創建一個javascript函數updateDropdown（），它可以添加或刪除第3個下拉選項中的選項

This article解釋了一些方法。

你沒有真正解釋你想要做什麼，但它聽起來像也許是一個完整的三月瘋狂式下拉式括號。這會增加一些複雜性，特別是如果你可以在填充之後返回並更換舊的，那麼如果這是合理的，則通過括號使鏈無效。如果你正在嘗試類似的東西記住，你可以在你的onchange像參數傳遞給函數這個平變化=「updateDropdown（123）」

來源

2014-04-11 21:34:19 user3525371

從數據庫信息的兩個下拉菜單中提取兩個選項

回答

相關問題