Jquery实现select选择什么，页面展现为选择的项~！

有时，选择select某项时，要显示一个文本说明，不同的选项出现不同的文本说明，可用jquery实现。

选择111222333

代码如下：

<script type="text/javascript" src="https://files.cnblogs.com/opper/jquery.js"></script>
<script language="javascript"><!--
    $(document).ready(function(){selectval();});
   function selectval()
    {
     $(".52opper").change(function(){
     $(".ii").remove();
     var r=$("select option:selected").html();
     var i=['111','222','333'];
     var b='';
     $.each(i,function(){if(this!=r){b=b+this+'<br>';}});
     $(this).after('<div class="ii">'+b+'</div>');
     })
    }
// --></script>
<div><select class="52opper"><option>选择</option><option value="aa">111</option><option value="bb">222</option><option value="cc">333</option></select></div>

select选择更改可执行change事件

select option:selected匹配选中的option元素

还有这种情况：

aaaaaaa	bbbbbbb
ccccccc
显示隐藏 aaaaa bbbbb cccc

代码如下：

<script language="javascript"><!--
   function selectval1()
    {
         $("#dis").change(function(){ 
         $('.1').hide(); 
         $('.2').hide(); 
         var s=$("#dis option:selected").html(); 
         var c=$("#dis option:selected").val(); 
         var a=['aaaaa','bbbbb','cccc']; 
         var b=''; 
         $.each(a,function(){if(this!=s){ 
         $('.'+c).show(); 
         }}); 
         })
    }
// --></script>
</p>
<table class="bd_cmn_style">
<tbody>
<tr style="display: none" class="1">
<td>aaaaaaa</td>
<td>bbbbbbb</td>
</tr>
<tr style="display: none" class="2">
<td>ccccccc</td>
</tr>
<tr>
<td>显示隐藏 <select id="dis"> <option value="1">aaaaa</option> <option value="2">bbbbb</option> <option value="3">cccc</option></select> </td>
</tr>
</tbody>
</table>

#dis option:selected 也可以用