2015-12-23 47 views
0

我有一個JavaScript文件,當被調用時,檢查是否在窗體上選擇了特定的選項。表單允許在提交之前進行多項選擇。當在給定選擇中選擇特定項目時,它顯示隱藏菜單。在這種情況下,通過「審計」,只要從列表中選擇「審計」,我就能夠顯示隱藏的菜單。然而,我很難弄清楚如何讓菜單顯示何時「審覈」將與其他人一起選擇/突出顯示。例如:我有審計,服務,其他選項 下面您可以看到我目前使用的代碼,只有在選擇單個項目時纔有效。任何指導將不勝感激。如何爲其他人提供的選擇顯示隱藏的DIV?

function toggleFields(){ 
    function toggleFields(){ 
     if ($("#installations").val() == "audits"){ 
      $("#dbcredentialsfield").show(); 
     } 
     else 
      $("#dbcredentialsfield").hide(); 
} 
+2

您可以使用整個項目創建一個jsfiddle或代碼片段嗎?歡迎來到Stackoverflow。 – www139

+0

如果你有一個JSFiddle你的代碼,我會非常樂意幫忙! – Abdel

+1

可能重複[如何使用jQuery獲取多個選擇框值?](http://stackoverflow.com/questions/3243476/how-to-get-multiple-select-box-values-using-jquery) – Sean

回答

0

使用你到目前爲止的代碼,我想你大概想是這樣的:

$('#installations').on('change', function(){ 
    $("#dbcredentialsfield").toggle($(this).val() == 'audits'); 
}); 

此說;當select元素(假設您的下拉列表的ID爲installations)發生更改時,請切換元素的可見性,其ID爲dbcredentialsfield,具體取決於select的值是否爲audits

+0

試過這個選項,包括它在代碼中卻無法讓它工作,我附上了一個jsfiddle,因爲其他人都在問,謝謝你的解釋。在此事實上被描述爲對事物的過程是一種巨大的幫助。 – Stan

相關問題