jquery根据下拉框的值控制表格行的变化

最新推荐文章于 2023-06-14 10:58:15 发布

Ami121

最新推荐文章于 2023-06-14 10:58:15 发布

阅读量1.8k

点赞数

分类专栏： javascript 文章标签： jquery input function action html

本文链接：https://blog.csdn.net/ami121/article/details/4365506

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html> <head> <title>colormap</title> <mce:script type="text/javascript" src="jquery.js" mce_src="jquery.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body > <form action="/#.do" method="post" id="f1"> <table> <tr><td>方案名称</td><td><input type="text" name="ucname" maxlength="20"/></td></tr> <tr><td>区间个数</td><td><select name="colorcount" id="colorsel"><option value="1">1</option><option value="2">2</option> <option value="3">3</option><option value="4">4</option><option value="5">5</option> <option value="6">6</option><option value="7">7</option><option value="8">8</option></select></td> </tr> <tr style="display:block;" mce_style="display:block;"><td>区间1</td><td>下限<input type="text"name="ucmin1" maxlength="8"/></td><td>上限<input type="text" name="ucmax1" maxlength="8"/></td><td>名称<input type="text" name="cname1" maxlength="10"/></td> <td>颜色<select name="col1" ><option value="1" style="background-color:green" mce_style="background-color:green"> </option><option value="2" style="background-color:yellow" mce_style="background-color:yellow"></option> <option value="3" style="background-color:blue" mce_style="background-color:blue"></option><option value="4" style="background-color:red" mce_style="background-color:red"></option><option value="5" style="background-color:pink" mce_style="background-color:pink"></option> <option value="6" style="background-color:lightgray" mce_style="background-color:lightgray"></option><option value="7" style="background-color:cran;font-size:14px;" mce_style="background-color:cran;font-size:14px;"></option><option value="8" style="background-color:black" mce_style="background-color:black"></option></select></td></tr> <tr style="display:none;" mce_style="display:none;"><td>区间2</td><td>下限<input type="text" name="ucmin2"/ maxlength="8"></td><td>上限<input type="text" name="ucmax2" maxlength="8"/></td><td>名称<input type="text" name="cname2" maxlength="10"/></td><td>颜色<select name="col2" ><option value="1" style="background-color:green" mce_style="background-color:green"> </option><option value="2" style="background-color:yellow" mce_style="background-color:yellow"></option> <option value="3" style="background-color:blue" mce_style="background-color:blue"></option><option value="4" style="background-color:red" mce_style="background-color:red"></option><option value="5" style="background-color:pink" mce_style="background-color:pink"></option> <option value="6" style="background-color:lightgray" mce_style="background-color:lightgray"></option><option value="7" style="background-color:cran;font-size:14px;" mce_style="background-color:cran;font-size:14px;"></option><option value="8" style="background-color:black" mce_style="background-color:black"></option></select></td></tr> <tr style="display:none;" mce_style="display:none;"><td>区间3</td><td>下限<input type="text" name="ucmin3" maxlength="8"/></td><td>上限<input type="text" name="ucmax3" maxlength="8"/></td><td>名称<input type="text" name="cname3" maxlength="10"/></td><td>颜色<select name="col3" ><option value="1" style="background-color:green" mce_style="background-color:green"> </option><option value="2" style="background-color:yellow" mce_style="background-color:yellow"></option> <option value="3" style="background-color:blue" mce_style="background-color:blue"></option><option value="4" style="background-color:red" mce_style="background-color:red"></option><option value="5" style="background-color:pink" mce_style="background-color:pink"></option> <option value="6" style="background-color:lightgray" mce_style="background-color:lightgray"></option><option value="7" style="background-color:cran;font-size:14px;" mce_style="background-color:cran;font-size:14px;"></option><option value="8" style="background-color:black" mce_style="background-color:black"></option></select></td></tr> <tr style="display:none;" mce_style="display:none;"><td>区间4</td><td>下限<input type="text" name="ucmin4" maxlength="8"/></td><td>上限<input type="text" name="ucmax4" maxlength="8"/></td><td>名称<input type="text" name="cname4" maxlength="10"/></td><td>颜色<select name="col4" ><option value="1" style="background-color:green" mce_style="background-color:green"> </option><option value="2" style="background-color:yellow" mce_style="background-color:yellow"></option> <option value="3" style="background-color:blue" mce_style="background-color:blue"></option><option value="4" style="background-color:red" mce_style="background-color:red"></option><option value="5" style="background-color:pink" mce_style="background-color:pink"></option> <option value="6" style="background-color:lightgray" mce_style="background-color:lightgray"></option><option value="7" style="background-color:cran;font-size:14px;" mce_style="background-color:cran;font-size:14px;"></option><option value="8" style="background-color:black" mce_style="background-color:black"></option></select></td></tr> <tr style="display:none;" mce_style="display:none;"><td>区间5</td><td>下限<input type="text" name="ucmin5" maxlength="8"/></td><td>上限<input type="text" name="ucmax5" maxlength="8"/></td><td>名称<input type="text" name="cname5" maxlength="10"/></td><td>颜色<select name="col5" ><option value="1" style="background-color:green" mce_style="background-color:green"> </option><option value="2" style="background-color:yellow" mce_style="background-color:yellow"></option> <option value="3" style="background-color:blue" mce_style="background-color:blue"></option><option value="4" style="background-color:red" mce_style="background-color:red"></option><option value="5" style="background-color:pink" mce_style="background-color:pink"></option> <option value="6" style="background-color:lightgray" mce_style="background-color:lightgray"></option><option value="7" style="background-color:cran;font-size:14px;" mce_style="background-color:cran;font-size:14px;"></option><option value="8" style="background-color:black" mce_style="background-color:black"></option></select></td></tr> <tr style="display:none;" mce_style="display:none;"><td>区间6</td><td>下限<input type="text" name="ucmin6" maxlength="8"/></td><td>上限<input type="text" name="ucmax6" maxlength="8"/></td><td>名称<input type="text" name="cname6" maxlength="10"/></td><td>颜色<select name="col6" ><option value="1" style="background-color:green" mce_style="background-color:green"> </option><option value="2" style="background-color:yellow" mce_style="background-color:yellow"></option> <option value="3" style="background-color:blue" mce_style="background-color:blue"></option><option value="4" style="background-color:red" mce_style="background-color:red"></option><option value="5" style="background-color:pink" mce_style="background-color:pink"></option> <option value="6" style="background-color:lightgray" mce_style="background-color:lightgray"></option><option value="7" style="background-color:cran;font-size:14px;" mce_style="background-color:cran;font-size:14px;"></option><option value="8" style="background-color:black" mce_style="background-color:black"></option></select></td></tr> <tr style="display:none;" mce_style="display:none;"><td>区间7</td><td>下限<input type="text" name="ucmin7" maxlength="8"/></td><td>上限<input type="text" name="ucmax7" maxlength="8"/></td><td>名称<input type="text" name="cname7" maxlength="10"/></td><td>颜色<select name="col7" ><option value="1" style="background-color:green" mce_style="background-color:green"> </option><option value="2" style="background-color:yellow" mce_style="background-color:yellow"></option> <option value="3" style="background-color:blue" mce_style="background-color:blue"></option><option value="4" style="background-color:red" mce_style="background-color:red"></option><option value="5" style="background-color:pink" mce_style="background-color:pink"></option> <option value="6" style="background-color:lightgray" mce_style="background-color:lightgray"></option><option value="7" style="background-color:cran;font-size:14px;" mce_style="background-color:cran;font-size:14px;"></option><option value="8" style="background-color:black" mce_style="background-color:black"></option></select></td></tr> <tr style="display:none;" mce_style="display:none;"><td>区间8</td><td>下限<input type="text" name="ucmin8" maxlength="8"/></td><td>上限<input type="text" name="ucmax8" maxlength="8"/></td><td>名称<input type="text" name="cname8" maxlength="10"/></td><td>颜色<select name="col8" ><option value="1" style="background-color:green" mce_style="background-color:green"> </option><option value="2" style="background-color:yellow" mce_style="background-color:yellow"></option> <option value="3" style="background-color:blue" mce_style="background-color:blue"></option><option value="4" style="background-color:red" mce_style="background-color:red"></option><option value="5" style="background-color:pink" mce_style="background-color:pink"></option> <option value="6" style="background-color:lightgray" mce_style="background-color:lightgray"></option><option value="7" style="background-color:cran;font-size:14px;" mce_style="background-color:cran;font-size:14px;"></option><option value="8" style="background-color:black" mce_style="background-color:black"></option></select></td></tr> <tr><td>其它区间<td>名称<input type="text" name="othername"/></td><td>颜色<select name="otheruc" ><option value="1" style="background-color:green" mce_style="background-color:green"> </option><option value="2" style="background-color:yellow" mce_style="background-color:yellow"></option> <option value="3" style="background-color:blue" mce_style="background-color:blue"></option><option value="4" style="background-color:red" mce_style="background-color:red"></option><option value="5" style="background-color:pink" mce_style="background-color:pink"></option> <option value="6" style="background-color:lightgray" mce_style="background-color:lightgray"></option><option value="7" style="background-color:cran;font-size:14px;" mce_style="background-color:cran;font-size:14px;"></option><option value="8" style="background-color:black" mce_style="background-color:black"></option></select></td><td></td><td></td></tr> <tr><td align="center" colspan="5" MAGENTA><input type="submit" value="提交方案"/></td> <input type="hidden" value="dealusermap" name="status" onClick/> </tr> </table> </form> </body> </html>