Javascript 如何添加div而不是用jquery替换它 无标题文件 函数myFunction(){ var obj=document.getElementById(“h01”); obj.innerHTML=“Hello jQuery”; } onload=myFunction; $(函数(){ $(“#显示回”).hide(); $('#formid')。在('click','input[type=radio]',函数()上{ if(this.id==“retro”&&this.checked){ $(“#显示回”).show(); }否则{ $(“#显示回”).hide(); } }); }); $(函数(){ $('#show sx').hide(); $('#formid')。在('click','input[type=radio]',函数()上{ if(this.id==“sx”&&this.checked){ $('#show sx').show(); }否则{ $('#show sx').hide(); } }); }); $(函数(){ $('#show dx').hide(); $('#formid')。在('click','input[type=radio]',函数()上{ if(this.id==“dx”&&this.checked){ $('#show dx').show(); }否则{ $('#show dx').hide(); } }); });
弗朗特 Seleziona il tipo di Personalizazione che vuoi effettuare sul Fronte della t恤Javascript 如何添加div而不是用jquery替换它 无标题文件 函数myFunction(){ var obj=document.getElementById(“h01”); obj.innerHTML=“Hello jQuery”; } onload=myFunction; $(函数(){ $(“#显示回”).hide(); $('#formid')。在('click','input[type=radio]',函数()上{ if(this.id==“retro”&&this.checked){ $(“#显示回”).show(); }否则{ $(“#显示回”).hide(); } }); }); $(函数(){ $('#show sx').hide(); $('#formid')。在('click','input[type=radio]',函数()上{ if(this.id==“sx”&&this.checked){ $('#show sx').show(); }否则{ $('#show sx').hide(); } }); }); $(函数(){ $('#show dx').hide(); $('#formid')。在('click','input[type=radio]',函数()上{ if(this.id==“dx”&&this.checked){ $('#show dx').show(); }否则{ $('#show dx').hide(); } }); });,javascript,jquery,html,css,Javascript,Jquery,Html,Css,弗朗特 Seleziona il tipo di Personalizazione che vuoi effettuare sul Fronte della t恤 尼斯图纳斯坦帕酒店 雄蕊a 1色 Stampa a 2色 斯坦帕a 3色 Stampa a 4色 Stampa a 5色 Stampa a 6色 里卡莫 复古的 Seleziona il tipo di Personalizazione che vuoi effettuare sul Retro della t恤 尼斯图纳斯坦帕
- 尼斯图纳斯坦帕酒店
- 雄蕊a 1色
- Stampa a 2色
- 斯坦帕a 3色
- Stampa a 4色
- Stampa a 5色
- Stampa a 6色
- 里卡莫
- 尼斯图纳斯坦帕酒店
- 雄蕊a 1色
- Stampa a 2色
- 斯坦帕a 3色
- Stampa a 4色
- Stampa a 5色
- Stampa a 6色
- 里卡莫
- 尼斯图纳斯坦帕酒店
- 雄蕊a 1色
- Stampa a 2色
- 斯坦帕a 3色
- Stampa a 4色
- Stampa a 5色
- Stampa a 6色
- 里卡莫
- 尼斯图纳斯坦帕酒店
- 雄蕊a 1色
- Stampa a 2色
- 斯坦帕a 3色
- Stampa a 4色
- Stampa a 5色
- Stampa a 6色
- 里卡莫
- 尼森·坎比奥
- 1色
- 2色
- 3色
- 4色
- 5色
- 6色i
- 尼森·坎比奥
- 1色
- 2色
- 3色
- 4色
- 5色
- 6色i
- 尼森·坎比奥
- 1色
- 2色
- 3色
- 4色
- 5色
- 6色i
- 尼森·坎比奥
- 1色
- 2色
- 3色
- 4色
- 5色
- 6色i
$(“#id”).append(“新div”);
感谢您的回复,我阅读并尝试了您的建议,但没有解决问题。。例如,如果选择1 colore retro,则会出现一个带有选项“cambio”的div,但现在如果我也选择了左侧的颜色,则该选项的选项“cambio”将不存在,但您会更改背面的额外选项,而我希望添加这些选项,以便,例如,如果每个选项都有不同的选择(fronte sinistra dietro destra)显示所有四个选项以选择“更改”我希望我更清楚,对不起,我的英语不好
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<!--css-->
<link rel="stylesheet" type="text/css" href="css/jquery-ui.structure.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.min.css">
<!--css-->
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script><!--test jquery-->
function myFunction() {
var obj = document.getElementById("h01");
obj.innerHTML = "Hello jQuery";
}
onload = myFunction;
</script><!--test jquery fine-->
<script>
$(function(){
$('#show-back').hide();
$('#formid').on('click' ,'input[type=radio]', function(){
if (this.id == "retro" && this.checked) {
$('#show-back').show();
} else {
$('#show-back').hide();
}
});
});
$(function (){
$('#show-sx').hide();
$('#formid').on('click' ,'input[type=radio]', function(){
if (this.id == "sx" && this.checked) {
$('#show-sx').show();
} else {
$('#show-sx').hide();
}
});
});
$(function(){
$('#show-dx').hide();
$('#formid').on('click' ,'input[type=radio]', function(){
if (this.id == "dx" && this.checked) {
$('#show-dx').show();
} else {
$('#show-dx').hide();
}
});
});
</script>
</head>
<body>
<?php
echo 'test php' ;
?>
<div id="h01">
</div>
<form action="ricezione.php" method="POST" id="formid">
<p>FRONTE</p>
<p>Seleziona il tipo di personalizzazione che vuoi effettuare sul Fronte della t-shirt.</p>
<ul>
<li><input type="radio" name="stampafronte" value="Nessuna Stampa" checked>Nessuna stampa</li>
<li><input type="radio" name="stampafronte" value="1 colore" id="fronte">Stampa a 1 colore</li>
<li><input type="radio" name="stampafronte" value="2 colori" id="fronte">Stampa a 2 colore </li>
<li><input type="radio" name="stampafronte" value="3 colori" id="fronte">Stampa a 3 colore </li>
<li><input type="radio" name="stampafronte" value="4 colori" id="fronte">Stampa a 4 colore </li>
<li><input type="radio" name="stampafronte" value="5 colori" id="fronte">Stampa a 5 colore </li>
<li><input type="radio" name="stampafronte" value="6 colori" id="fronte">Stampa a 6 colore</li><hr>
<li><input type="radio" name="stampafronte" value="6 colori" id="fronte">Ricamo</li>
</ul>
<span>
<p>RETRO</p>
<p>Seleziona il tipo di personalizzazione che vuoi effettuare sul Retro della t-shirt.</p>
<ul>
<li><input type="radio" name="stamparetro" value="Nessuna Stampa" checked>Nessuna stampa</li>
<li><input type="radio" name="stamparetro" value="1 colore" id="retro">Stampa a 1 colore</li>
<li><input type="radio" name="stamparetro" value="2 colori" id="retro">Stampa a 2 colore </li>
<li><input type="radio" name="stamparetro" value="3 colori" id="retro">Stampa a 3 colore </li>
<li><input type="radio" name="stamparetro" value="4 colori" id="retro">Stampa a 4 colore </li>
<li><input type="radio" name="stamparetro" value="5 colori" id="retro">Stampa a 5 colore </li>
<li><input type="radio" name="stamparetro" value="6 colori" id="retro">Stampa a 6 colore</li><hr>
<li><input type="radio" name="stamparetro" value="6 colori" id="retro">Ricamo</li>
</ul>
</span>
<p>SPALLA SINISTRA</p>
<p>Seleziona il tipo di personalizzazione che vuoi effettuare sulla spalla sinistra</p>
<ul>
<li><input type="radio" name="stampasinistra" value="Nessuna Stampa" checked>Nessuna stampa</li>
<li><input type="radio" name="stampasinistra" value="1 colore" id="sx">Stampa a 1 colore</li>
<li><input type="radio" name="stampasinistra" value="2 colori" id="sx">Stampa a 2 colore </li>
<li><input type="radio" name="stampasinistra" value="3 colori" id="sx">Stampa a 3 colore </li>
<li><input type="radio" name="stampasinistra" value="4 colori" id="sx">Stampa a 4 colore </li>
<li><input type="radio" name="stampasinistra" value="5 colori" id="sx">Stampa a 5 colore </li>
<li><input type="radio" name="stampasinistra" value="6 colori" id="sx">Stampa a 6 colore</li><hr>
<li><input type="radio" name="stampasinistra" value="6 colori" id="sx">Ricamo</li>
</ul>
<p>SPALLA DESTRA</p>
<p>Seleziona il tipo di personalizzazione che vuoi effettuare sulla spalla destra</p>
<ul>
<li><input type="radio" name="stampadestra" value="Nessuna Stampa" checked>Nessuna stampa</li>
<li><input type="radio" name="stampadestra" value="1 colore" id="dx">Stampa a 1 colore</li>
<li><input type="radio" name="stampadestra" value="2 colori" id="dx">Stampa a 2 colore </li>
<li><input type="radio" name="stampadestra" value="3 colori" id="dx">Stampa a 3 colore </li>
<li><input type="radio" name="stampadestra" value="4 colori" id="dx">Stampa a 4 colore </li>
<li><input type="radio" name="stampadestra" value="5 colori" id="dx">Stampa a 5 colore </li>
<li><input type="radio" name="stampadestra" value="6 colori" id="dx">Stampa a 6 colore</li><hr>
<li><input type="radio" name="stampadestra" value="6 colori" id="dx">Ricamo</li>
</ul>
<p>Cambio</p>
<!-- cambio fronte-->
<div id="show_front">
<ul>
<li><input type="radio" name="cambio" value="Nessun Cambio" checked>Nessun cambio</li>
<li><input type="radio" name="cambio" value="1colore" >1 colore</li>
<li><input type="radio" name="cambio" value="2colore" >2 colori</li>
<li><input type="radio" name="cambio" value="3colore" >3 colori</li>
<li><input type="radio" name="cambio" value="4colore" >4 colori</li>
<li><input type="radio" name="cambio" value="5colore" >5 colori</li>
<li><input type="radio" name="cambio" value="6colore" >6 colori</li>
</ul>
</div>
<!-- cambio fronte fine-->
<!-- cambio retro-->
<div>
<div id="show-back">
<p> Dietro </p>
<ul>
<li><input type="radio" name="cambio_r" value="Nessun Cambio" >Nessun cambio</li>
<li><input type="radio" name="cambio_r" value="1colore" >1 colore</li>
<li><input type="radio" name="cambio_r" value="2colore" >2 colori</li>
<li><input type="radio" name="cambio_r" value="3colore" >3 colori</li>
<li><input type="radio" name="cambio_r" value="4colore" >4 colori</li>
<li><input type="radio" name="cambio_r" value="5colore" >5 colori</li>
<li><input type="radio" name="cambio_r" value="6colore" >6 colori</li>
</ul>
</div>
</div>
<!-- cambio sinistra fine -->
<!-- cambio sinistra-->
<div id="show-sx">
<p>Sinistra</p>
<ul>
<li><input type="radio" name="cambio_s" value="Nessun Cambio" >Nessun cambio</li>
<li><input type="radio" name="cambio_s" value="1colore" >1 colore</li>
<li><input type="radio" name="cambio_s" value="2colore" >2 colori</li>
<li><input type="radio" name="cambio_s" value="3colore" >3 colori</li>
<li><input type="radio" name="cambio_s" value="4colore" >4 colori</li>
<li><input type="radio" name="cambio_s" value="5colore" >5 colori</li>
<li><input type="radio" name="cambio_s" value="6colore" >6 colori</li>
</ul>
</div>
<!-- cambio sinistra fine -->
<!-- cambio destra-->
<div id="show-dx">
<p>Destra</p>
<ul>
<li><input type="radio" name="cambio_d" value="Nessun Cambio" >Nessun cambio</li>
<li><input type="radio" name="cambio_d" value="1colore" >1 colore</li>
<li><input type="radio" name="cambio_d" value="2colore" >2 colori</li>
<li><input type="radio" name="cambio_d" value="3colore" >3 colori</li>
<li><input type="radio" name="cambio_d" value="4colore" >4 colori</li>
<li><input type="radio" name="cambio_d" value="5colore" >5 colori</li>
<li><input type="radio" name="cambio_d" value="6colore" >6 colori</li>
</ul>
</div>
<!-- cambio destra fine -->
<button type="submit">Invia</button>
</form>
</body>
</html>
$( "#id" ).append( "<div>New div</div>" );