从数据库信息的两个下拉菜单中提取两个选项

我确信标题模糊不清，所以让我试着解释我在做什么。从数据库信息的两个下拉菜单中提取两个选项

比方说，我在那些在他们的数据库拉到信息，像这样的形式的两个下拉菜单：

下拉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

从数据库信息的两个下拉菜单中提取两个选项

回答

相关问题