个人中心
gpt4 book ai didi

javascript - 如何添加一个 div 而不是用 jquery 替换它

转载 作者：行者123 更新时间：2023-11-28 16:33:34 26 4
gpt4 key购买 nike 

<!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>

我搜索并阅读了其他问题，但我解决了问题，例如，如果我选择“sinistra q colore”出现在 div 中而没有选择“sinistra”。但即使我选择“destra 1colore”，div 也会被替换为 destra 的选项。我不会添加任何替代品。我该怎么做，感谢您的帮助，

最佳答案

参见 append .示例:

$( "#id" ).append( "<div>New div</div>" );

关于javascript - 如何添加一个 div 而不是用 jquery 替换它，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32453850/

26 4 0
文章推荐： Javascript 取代 child ？
文章推荐： python - 如何在 Python 中编写 foldr(右折叠)生成器？
文章推荐： html - 从 header 和 UL 标签中删除空格
文章推荐： 显示盒模型的 CSS？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com