Основная идея:
Некоторый контент скрыт в контейнере.
При выборе варианта из раскрывающегося меню содержимое вводится в видимый элемент div.
Сначала я сохраняю значение выбранного элемента опции в переменную «values».
Затем я хочу ввести это значение в идентификатор элемента, который я хочу отобразить.
Вот где я застрял, мне не удается добавить выбранный div в видимую область!
Спасибо, я много искал, но не нашел решения этой конкретной проблемы (не очень хорошо в jQuery; -))
Вот мой сценарий:
function whichForm() {
var values = $("#projet").val();
$('#devis').contents().appendTo('#hiddendevis');$('#devis').append($("#" + "values"));initHTML5form ();}
HTML:
<fieldset id="cadreprojet">
<legend>Mon projet</legend>
<select name="projet" id="projet" title="Type de projet" onChange="whichForm()"/>
<OPTION selected value='1' >Type de projet
<OPTION value='devis-vitrine' >Formule "Vitrine"
<OPTION value='3' >Formule "Mon site"
<OPTION>Formule "Ma boutique"
<OPTION>Formule "Mon réseau"
<OPTION>Formule "Mon logo"
<OPTION>Création graphique
<OPTION>Intégration HTLM/CSS
<OPTION>Refonte de site existant
<OPTION>Autre
</select>
<div id="devis">
</div>
<div id="hiddendevis">
<div id="devis-vitrine">
<input type="text" name="activite" id="activite" title="Activité" size="35" maxlength="40" placeholder="Activité (entreprise, association...)" autocomplete="off" required/>
<input type="text" name="fonction" id="fonction" title="Fonction" size="45" maxlength="120" placeholder="Quelle doit etre pour vous la fonction du site ?" autocomplete="off" required/>
<input type="text" name="public" id="public" title="Public" size="20" maxlength="120" placeholder="Public visé ?" autocomplete="off" />
<input type="text" name="image" id="image" title="Image" size="40" maxlength="120" placeholder="Quelle image voulez-vous véhiculer ?" autocomplete="off"/>
<div id="charte">Charte graphique existante ? <input type="radio" name="charte" id="charteN" value="Non" onClick="javascript:$('#couleurs').show()">Non<input type="radio" name="charte" id="charteY" value="Oui" onClick="javascript:$('#couleurs').hide()">Oui</div>
<input type="text" name="couleurs" id="couleurs" title="Couleurs" size="21" maxlength="120" placeholder="Couleurs souhaitées ?" autocomplete="off"/>
<input type="number" name="pages" id="pages" title="Nombre de pages" size="27" maxlength="3" placeholder="Nombre de pages estimé ?" autocomplete="off"/>
<input type="url" name="exemple" id="exemple" title="Exemple de site" size="40" maxlength="40" placeholder="Adresse d'un site existant pour inspiration" autocomplete="off"/>
<input type="date" name="deadline" id="deadline" title="Deadline" size="32" maxlength="20" placeholder="Date de mise en ligne souhaitée" autocomplete="off"/>
<span id="upload">Joindre un document (zoning, cahier des charges...)</span><input type="file" name="file" title="file" id="file" size="10" >
<textarea name="comment" id="comment" title="Message" cols="110" rows="7" maxlength="500" placeholder="Besoins spécifiques, demandes particulières..." required></textarea>
</div>
<div id="devis-site">
Devis site
</div>
</div>
</fieldset>