根据使用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的？

回答

相关问题