從最後一個選項中選擇選項後顯示另一個選項框

我正在試圖製作一個篩選器，當用戶在第一個選項框中選擇另一個選項框時會彈出等等。我可以通過提交表單來完成，但我需要的是用戶需要在提交之前完成所有選擇。我知道我需要一個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

從最後一個選項中選擇選項後顯示另一個選項框

回答

相關問題