如何使用提示來獲取值

我有一個選擇菜單下拉列表中動態添加選項的選擇菜單如何使用提示來獲取值

<div data-role="fieldcontain" data-controltype="selectmenu"> 
       <select id="selectmenu4" name=""> 
        <option value="option1"> 
         Category: 
        </option> 
        <option value="rent"> 
         Rent 
        </option> 
        <option value="restaurant"> 
         Restaurant 
        </option> 
        <option value="drinks"> 
         Drinks 
        </option> 
        <option value="power"> 
         Power 
        </option> 
        <option value="water"> 
         Water Supply 
        </option> 
        <option value="specifyValue"> 
         Other 
        </option> 
        <option value="gas"> 
         Gas 
        </option> 
        <option value="pharmacy"> 
         Pharmacy 
        </option> 
        <option value="coffeshop"> 
         Coffeshop 
        </option> 
        <option value="groceries"> 
         Groceries 
        </option> 
        <option value="gym"> 
         Gym 
        </option> 
        <option value="clothes"> 
         Clothes/Shoes/Accessories 
        </option> 
        <option value="vet"> 
         Vet 
        </option> 
        <option value="pet_sup"> 
         Pet supplies 
        </option> 
        <option value="other">Other</option> 
       </select> 
      </div>

當選項other由用戶選擇我想要一個提示彈出，我希望將輸入的值作爲新的option存儲在選擇菜單中。

這是我使用的提示功能：

var addAnotherOption = function(){ 
var newCat = function(){   
if(document.getElementById("selectmenu4").value === "other"){ 
      return (prompt("Define new Category")); 
}document.getElementById("selectmenu4")createElement(newCat);}

來源

2013-11-04 Kaitis

獲取選項，並建立新的選項菜單中沒有爲該session.wher你存儲？使用dB的問題呢？ –

我沒有使用數據庫。我想動態地將它添加到html中 – Kaitis

您可以使用jQuery輕鬆實現。到目前爲止你寫了什麼？ – putvande

你可以試試這個代碼，你想類似的東西？

  $(function(){ 
      $("#selectmenu4").change(function(){ 

        var DropdownValue =$(this).val(); 
        if(DropdownValue=='other'){ 

         var OtherData=prompt("Enter Other values!",""); 
         if(OtherData){ 
          $("#selectmenu4").append("<option value="+OtherData+" >"+OtherData+"</option>"); 
         } 
        } 
      }); 

     });

來源

2013-11-04 09:13:58

感謝您抽出時間Chinnu R！這正是我需要的 – Kaitis

很高興爲您提供幫助！ –

試試這個代碼，你必須包括在JQuery的文件

$(document).ready(function(){  
      $("#selectmenu4").change(function(){ 
         var SelectValue =$(this).val(); 
         if(SelectValue=='other') 
          { 
          var OtherData=prompt("Enter Other values!",""); 
          if(OtherData) 
          { 
          $("#selectmenu4").append("<option value="+OtherData+">"+OtherData+"</option>"); 
          } 
        } 
       }); 

     });

Check Fiddle

來源

2013-11-04 09:20:48

如何使用提示來獲取值

回答

相關問題