使用jQuery的手机从文本框填充下拉列表

我有一个文本框的ID是其他，我想填充此文本框的值到下拉列表这是jquery我用来填充...但这是行不通的..我正在与jQuery的移动..这个脚本正常工作正常的jQuery，但只要我与jQuery的移动工作，它不起作用...任何建议将不胜感激... !!我想这样做： - http://viralpatel.net/blogs/demo/dynamic-combobox-listbox-dropdown-in-javascript.html 使用jQuery的手机从文本框填充下拉列表

<script> 
     function addCombo() { 
      var optName = $("#other").attr("value"); 
      $('#category').append("<option value='"+ optName + "'>" + optName + "</option>"); 
      $("#other").attr("value", ""); 
    $('#category').selectmenu('refresh', true); 
     } 
    </script>

这是下拉列表中的代码

<td>Category</td> 
        <td><select class="size" id="category" name="category" width="30px"> 
        <option width="30px" value="" selected="selected" >Select</option> 
        <option value="food">Food</option> 
         <option value="rent">Rent</option> 
         <option value="gas">Gas</option> 
         <option value="enter">Entertainment</option> 
         <option value="grocery">Grocery</option> 
         <option value="general">General</option> 
         <option value="other">Other</option></select></td> 
         </tr> 
         <tr> 
         <td>Other</td> 
         <td><input type="text" id="other" name="other"/></td> 
         <td><input type="button" data-role="button" value="Add" onclick="addCombo()"></td> 
         </tr>

来源

2011-04-01 ferhan

<script type="text/javascript"> 
$(function(){ 
    $(".add_button").click(function(){ 
     $("#-menu").append('<li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-b" data-icon="false" role="option" tabindex="-1" data-theme="b" aria-selected="false"><div class="ui-btn-inner"><div class="ui-btn-text"><a href="#" class="ui-link-inherit">'+$(".what_to_add").val()+'</a></div></div></li>') 
    }); 
}); 
</script>

这个工程......这是因为jQuery Mobile的的...如果u不想pasre输入的...一组数据角色=“无”

来源

2011-04-01 20:21:11

@mc_fish非常感谢...你做了我的一天...真的很感激：）...你可以简单说出你的代码...所以我可以正确理解.. !! – ferhan 2011-04-01 20:46:09

移动图书馆改编了一些元素，以便用户友好！我做了什么？只是添加到ul＃-menu（即jquery创建的）li像其他人一样......可能有一个bug，你应该追加到“新”元素＃-menu和.custom_values – 2011-04-01 20:50:41

@mc_fish代码是工作正常..假设我们将下载列表添加到hello中，然后我们打开下拉列表来查看hello，然后hello在那里，但是我们无法选择hello .. !!有什么建议么？？ – ferhan 2011-04-01 22:05:15

jQuery中，这将是这样的：

<div> 
    <input type="text" class="what_to_add"> 
    <input type="button" value="add" class="add_button"> 
    <select class="custom_select"> 
    </select> 
</div> 

$(".add_button").click(function(){ 
    $(".custom_select").append("<option>"+$(".what_to_add").val()+"</option>") 
});

来源

2011-04-01 18:08:22

感谢replyin ...所以脚本标记将如下所示： - '' – ferhan 2011-04-01 18:14:47

没有你需要包括jQuery的（这是对jQuery库），它使JavaScript的‘易’我只能推荐它:) – 2011-04-01 18:32:04

我无法理解..你能不能介绍一下我从我上面给出的例子..这将对我有很大的帮助......！ – ferhan 2011-04-01 18:34:35

<div> 
    <input type="text" class="what_to_add"> 
    <input type="button" value="add" class="add_button"> 
    <select class="custom_select"> 
    </select> 
</div> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    $(".add_button").click(function(){ 
     $(".custom_select").append("<option>"+$(".what_to_add").val()+"</option>") 
    }); 
}); 
</script>

我只是尝试了代码，它的工作原理！

来源

2011-04-01 18:56:16

@mc_fish所以明确了我的困惑，我做了一个链接，我正在工作..这是我正在工作的链接，在这不工作..让我知道我在做什么错了？我已经按照你告诉我的方式做了。（http://www-rohan.sdsu.edu/~verma1/whitneyExpense/testing1.html） – ferhan 2011-04-01 19:03:24

@mc_fish我认为简单的jquery工作正常..但只要我导入一些jquery移动插件..它停止工作..因为我必须与jQuery移动工作...我认为这是它不工作的jquery移动bcoz的主要原因..！任何帮助将不胜感激..！！谢谢... – ferhan 2011-04-01 19:06:13

它因为EXPDB = window.openDatabase（shortName，version，displayName，maxSize）;你有一个错误在那里...现在3件事情：1.不要使用JS的数据库使用...使用PHP，Java，ASP什么，但不是JS 2.如果你需要SQL操作飞行使用AJAX，3包含jquery两次！ – 2011-04-01 19:18:36

使用jQuery的手机从文本框填充下拉列表

回答

相关问题