根據使用jquery的選擇選項顯示2 div的？

我正在使用下面的代碼來顯示div的根據HTML中使用jQuery的選擇選項。這工作正常。根據使用jquery的選擇選項顯示2 div的？

但是，如果選擇front an back選項，我需要知道如何顯示它們兩個？

這裏是我當前的代碼：

JS：

<script language="javascript"> 
    $(function() { 
     $('#Field169').change(function(){ 
      $('.myDivs').hide(); 
      $('#' + $(this).val()).show(); 
     }); 
    }); 

</script>

HTML：

<div class="myDivs" id="Front" align="center>Front</div> 

<div class="myDivs" id="Back" align="center>Back</div> 


<select id="Field169"> 
<option value="WHAT DO I NEED HERE??">Front and Back</option> 
    <option value="Front">Front Only</option> 
    <option value="Back">Back Only</option> 
</select>

來源

2014-03-19 user3343724

選擇你可以保留此值爲空，然後改變你的jQuery：

$('#Field169').change(function(){ 
     var selectedValue = $(this).val(); 
     if (selectedValue === '') { 
      $('.myDivs').show(); 
     } else { 
      $('.myDivs').hide(); 
      $('#' + selectedValue).show(); 
     } 
    });

Example

來源

2014-03-19 14:59:16 Pete

非常好。就是我在找的東西。簡單，快捷，完美。我會選擇這個作爲答案。感謝它夥伴 – user3343724

@ user3343724，不客氣。很高興我能幫上忙 – Pete

<option value="Front, #Back">Front and Back</option>

來源

2014-03-19 14:55:24 progysm

雖然沒有做任何事！ – user3343724

我認爲應該這樣做，儘管我可能會將'＃'從選擇器中的硬編碼移到選項值，以使它看起來像'#Front，＃Back'。然後就像我提出的那樣，但是使用ID而不是類。然後，選擇器可能更通用，而不是總是假定它將是一個ID。 – Danny

在這個jsfiddle中工作很棒：http://jsfiddle.net/pLdwL/ – progysm

你不能做到這一點，如果你用的ID引用，但如果你給他們上課時使用這些相同的名字，而你的選項值看起來像.front和.back那麼你r組合選項的值可以是value=".front, .back"，選擇器可以獲得這兩個選項。你想改變的功能看起來像：

$($(this).val()).show();

，而不是由ID

來源

2014-03-19 14:57:26 Danny

有什麼機會可以做一個快速的jsfiddle嗎？ – user3343724

$('#Field169').change(function(){ 
var getvalue=$(this option: selected).text(); 
if(getvalue=='Front and Back') 
{ 
$('#front').show(); 
$('#back').show(); 
} 
});

來源

2014-03-19 15:06:10

根據使用jquery的選擇選項顯示2 div的？

回答

相關問題