1

我有一个选择菜单下拉列表

<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);}
4

2 回答 2

2

你可以试试这个代码，你想要类似的东西吗？

         $(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-04T09:13:58.743 回答
0

试试这个代码，你必须在你的文件中包含 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>");
                           }
                   }
              });

         });

检查小提琴

于 2013-11-04T09:20:48.750 回答