急！简单Javascript/js/jquery代码实现，源码如下
发布网友
发布时间：2022-04-22 01:12
共1个回答
热心网友
时间：2023-09-21 11:31
<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.9.1.js">
</script>
<script>
$(document).ready(function(){
$("#zh").click(function(){
var ys1=$('#ys1').val();
var ys2=$('#ys2').val();
var htmlstr='';
$("input[name='cb']:checked").each(function(){
if(ys1!=""){
htmlstr+='<input type="text" value="颜色1:'+ys1+'-'+$(this).val()+'"><br/>';
}
if(ys2!=""){
htmlstr+='<input type="text" value="颜色2:'+ys2+'-'+$(this).val()+'"><br/>';
}
})
$("#cc").html(htmlstr);
});
});
</script>
</head>
<body>
颜色1<select name="st[]" id="ys1"><option><option value="1">y1<option value="2">y2<option value="3">y3</select><br>颜色2<select name="st[]" id="ys2"><option><option value="1">y1 <option value="2">y2<option value="3">y3</select><br>尺码: <br><input type="checkbox" name="cb" value="a">X1<input type="checkbox" name="cb" value="b">X2<input type="checkbox" name="cb" value="c">X3<input type="button" value="组合" onclick="" id="zh"><br><br>需求：如果颜色1选择为1<br>如果颜色2选择为2<br>尺码选择a和b<br>点击【组合】按钮后——创建4个input如下:value值分别为1-a、1-b、2-a、2-b
<div id="cc">
</div>
</body>
</html>
