jquery下拉列表选择问题
发布网友
发布时间:2023-03-22 15:29
我来回答
共1个回答
热心网友
时间:2023-10-11 07:24
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>menu</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
{
$ (":radio").change (function ()
{
$("select:first").val($(this).val());
$("select:first").triggerHandler('change');
});
$("select:first").change (function ()
{
var index = $(this).children("option:selected").index();
if (index == 1)
{
$("select:last option:nth-child(2n+1)").prop("selected", false);
$("select:last option:nth-child(2n)").prop("selected", true);
}
else
{
$("select:last option:nth-child(2n)").prop("selected", false);
$("select:last option:nth-child(2n+1)").prop("selected", true);
}
})
})
</script>
</head>
<body>
<table>
<tr>
<td>*资质版本</td>
<td><label><input type="radio" name="version" value="old" />旧版 </label> <label><input type="radio" name="version" value="new" />新版 </label>
</td>
</tr>
<tr>
<td>*行业分类</td>
<td><select multiple="multiple">
<option value="old">旧版</option>
<option value="new">新版</option>
</select> <select multiple="multiple">
<option>建设工程企业资质标准</option>
<option>工程设计企业资质标准</option>
<option>工程勘察企业资质标准</option>
<option>工程监理企业资质标准</option>
</select>
<button>搜索分类</button></td>
</tr>
</table>
</body>
</html>
追问没效果
追答嗯