从最后一个选项中选择选项后显示另一个选项框

我正在试图制作一个筛选器，当用户在第一个选项框中选择另一个选项框时会弹出等等。我可以通过提交表单来完成，但我需要的是用户需要在提交之前完成所有选择。我知道我需要一个jQuery的或一些PHP代码，但我找不到，我不知道在哪里找到它。从最后一个选项中选择选项后显示另一个选项框

这是我想要的。

电机品牌 - >电机型号 - >电机配件 - >提交之后，它会过滤我的数据库中的内容。你能告诉我一个这样的例子吗？提前Thx和更多的力量stackoverflow。

来源

2014-02-11 user3295525

欢迎StackOverflow的 - 请具体谈谈您的问题，并提供相关的代码复制它。 –

我工作过的index()和 '.EQ（）' 这将使您的js更容易与

合作

Fiddle

的Html

<div id ="first"> 
<select style="display:block"> 
    <option>Car</option> 
    <option>Truck</option> 
</select> 
</div> 

<div id ="second"> 
<select> 
    <option>Mitsubishi</option> 
    <option>Honda</option> 
</select> 
    <select> 
    <option>Ford</option> 
    <option>Chevy</option> 
</select> 
</div>

JQuery的

$(window).load(function(){ 
    $('#first').find('select').change(function(){ 
     var show = $(this).find('option:selected').index(); 
     $('#second select').hide().eq(show).show();  
    }); 
});

来源

2014-02-11 03:59:26 VIDesignz

哇这一个拯救我的一天。（y） – user3295525

先生只是一个问题，当我尝试在jsfiddle它的作品，但是当我把代码在我的它显示选项框已经。我把脚本放在头部，CSS和选项框放在主体中。 – user3295525

这里是打印屏幕先生（https://fbcdn-sphotos-fa.akamaihd.net/hphotos-ak-prn2/t31/q71/s720x720/1926146_812709618743321_925859302_o.jpg） – user3295525

您可以根据选项菜单值的更改创建三个选项菜单并隐藏/显示。

下面的代码示例我给你一个JavaScript函数，它会帮助你。

切换可视性：

function showhide(id){ 

if(document.getElementById(id) .className == "showhidediv_show"){ 

document.getElementById(id).cl assName="showhidediv_hide"; }else{ 

document.getElementById(id).cl assName="showhidediv_show"; } }

个人显示隐藏功能：

function show(id) { document.getElementById(id).cl assName="showhidediv_show"; } function hide(id) { 

document.getElementById(id).cl assName="showhidediv_hide"; }

希望这有助于

来源

2014-02-11 03:46:18 Vignesh

我找到了这个，我认为这将帮助我[http://jsfiddle.net/ByfFn/4/] – user3295525

在下拉框的onchange上使用上述功能，谢谢。 – Vignesh

我的荣幸先生，我会尝试这一个:) – user3295525

从最后一个选项中选择选项后显示另一个选项框

回答

相关问题