建站常识

select选择控制显示与隐藏

发布时间 | 2019/3/8  点击 | 

代码如下:

<script type="text/javascript">

$(function(){

var select=$("select[name=type]").val();

alert(select);

if(select==1 || select==3){

$("tr[id=show]").show();

}else{

$("tr[id=show]").hide();

}

$("select[name=type]").change(function(){

var value=$(this).val();

if(value==1 || value==3){

$("tr[id=show]").show();

}else{

$("tr[id=show]").hide();

}

});

});

</script>

<tr>

<td>目录选择:</td>

<td>

  <elect name="type" id="selId" >

  <option value="1">芜湖网站建设</option>

  <option value="2">上海网页设计</option>

 </elect>

</td>

</tr>

<tr id="show" style="display:none;">

<td>上海网页设计</td>

</tr>


相关信息