jQuery的選擇上的另一個選擇

第一：

<select name="website"> 
    <option values=""></option> 
    <option value="example">example.com</option> 
    <option value="holding">holding.com</option> 
    <option value="apple">apple.com</option> 
    <option value="morning">morning.com</option> 
</select>

二

<select name="group"> 
    <option values=""></option> 
    <option value="marketing">marketing</option> 
    <option value="sales">sales department</option> 
</select>

三

<select name="name"> 
    <option values=""></option> 
    <option value="tom">tom</option> 
    <option value="john">john</option> 
    <option value="doe">doe</option> 
    <option value="martin">martin</option> 
</select>

我想有3個選擇過濾器當從任何選擇中選擇一個選項後，剩下的兩個只顯示相應的值，可以選擇空選項來重置該過濾器。

我的想法是做這樣的：

<option class="website-example website-holding group-marketing" value="tom">tom</option>

所以當我選擇湯姆，在選擇網站只停留example.com和holding.com和選擇組stayl只marketingand等。

因此，來自一個選擇的選項具有來自另一個選擇的值，用於選擇第一個選項的ex +，具有用於重置過濾的值「」。

你有什麼想法如何解決它或如何更好地解決它？

來源

2016-12-09 Bary

我認爲你可以禁用其他選擇時，選擇一個。你知道如何做到這一點？ –

到目前爲止你曾嘗試過什麼？ –

你怎麼知道它屬於哪個 – madalinivascu

嘗試使用對您的相應項目的相對ATTR通過點擊功能顯示

來源

2016-12-09 07:46:58 Jonathan

你可以做這樣的事情：

$("select[name='website']").on('change', function() { 
    if ('example' === $("option:selected", this).val()) { 
     $("option[value='marketing']").attr('disabled','disabled'); 
    } 
});

，如果你能，使其作爲動態地

來源

2016-12-09 07:49:20

這就是我問如何動態地做到這一點;） – Bary

與所有選項的數組是通過它禁用和循環 –

jQuery的選擇上的另一個選擇

回答

相關問題