在JQuery中的附加函數中插入一個變量？

Question

主意： 某些內容隱藏在容器中。 從下拉菜單中選擇一個選項將內容注入可見div。

首先我將所選選項元素的值存儲到「值」變量中。 然後，我想將這個值注入到我想要顯示的元素ID中。 這是我卡住的地方，我不設法追加選定的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> 

Answer 1

$("#" + "values") 

應該

$("#" + values) 

Answer 2

只需刪除append語句中的單詞值附近的引號即可。例如

$('#devis').append($("#" + values));