2015-09-08 91 views
-1
<!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> 

我搜索和閱讀其他問題,但我解決了這個問題,如果我選擇用jQuery取代它一個div,例如,「辛尼斯塔q COLORE」出現在一個div爲沒有選擇「sinistra」。但即使我選擇「destra 1colore」,div也會被選項替換爲destra。我會添加任何替代品。我怎麼辦,謝謝你的幫助,如何添加,而不是

回答

2

請參閱append。 例子:

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

感謝我閱讀和想你的建議,但如果一個人選擇例如1 COLORE復古不能解決問題..回覆,出現與該選項「坎比奧」一個div這個選擇,但現在如果我選擇的顏色還剩下一種顏色,他們就沒有選擇「cambio」這個選項,但是你改變了這些選項的後面,而我希望增加這些顏色,這樣,例如,如果你選擇了另一種顏色每個選項(前面sinistra dietro destra) 出現所有四個選項來選擇「更改」 我希望我更清楚,抱歉,但我的英語不是'好 –

相關問題