基于菜单选择的简单div隐藏或显示
|
这应该很容易...但是我一天中的大部分时间都在尝试解决。使用jQuery：代码如下：
<tr>
<select name=\"exist_author\" class=\"exist_author\">
<option value=\"select\">Select</option>
<option value=\"new_auth\">I cant find my author</option>
<option value=\"2\">Tom Wolf</option>
<option value=\"1\">Frank Baum</option>
</select>
</tr>
<script type=\"text/javascript\">
$(document).ready(function(){
$(\"#new_author\").css(\"display\",\"none\");
$(\".exist_author\").change(function(){
var test = $(this).val();
if(test !== \'new_auth\') {
$(\"#new_author\").fadeOut(\"slow\");
}
else {
$(\"#new_author\").fadeIn(\"slow\");
}
});
});
</script>
<tr id=\"new_author\">Text to Show on \'I cant find my author\' menu selection</tr>
没有找到相关结果
已邀请:
2 个回复
窝头菊
<html> <head> <script src=\"jquery.js\"></script> <script type=\"text/javascript\"> $(document).ready(function(){ $(\"#new_author\").css(\"display\",\"none\"); $(\".exist_author\").change(function(){ var test = $(this).val(); if(test !== \'new_auth\') { $(\"#new_author\").fadeOut(\"slow\"); } else { $(\"#new_author\").fadeIn(\"slow\"); } }); }); </script> </head> <body> <table> <tr><td> <select name=\"exist_author\" class=\"exist_author\"> <option value=\"select\">Select</option> <option value=\"new_auth\">I cant find my author</option> <option value=\"2\">Tom Wolf</option> <option value=\"1\">Frank Baum</option> </select> </td><td> <table> <tr ><td id=\"new_author\" style=\"color:red\">this one</td></tr> <tr id=\"test1\"><td>content</td></tr> <tr id=\"test2\"><td>content</td></tr> </table> </td></tr></table> </body> </html>疏腔傻小雹