我在下拉列表中选择值的顺序显示值

时间:2015-08-11 11:52:02

标签: jquery

我有多选下拉菜单。我选择它应该显示在文本框中。以下代码工作正常。但我需要按照我在下拉列表中选择的顺序在文本框中输入值。

例如,如果我选择1st作为WEST而2nd选择EAST,则textbox中的值应为WEST,EAST而不是EAST,WEST。请帮帮我

HTML

<body>
    <select id="direction" class="direction" multiselect>
        <option value="west">WEST</option>
        <option value="east">EAST</option>
        <option value="south">SOUTH</option>
        <option value="north">NORTH</option>
    </select>
</body>

JQUERY

 $(document).ready(function () {
     var grpby_arrayy = [];
     $('#direction').on("select change", function () {
         $("#direction option:selected").each(function (i) {
             grpby_arrayy[i] = $(this).val().toUpperCase();
             $("#grpbytxt" + aid).val(grpby_arrayy.join(","));
         });
     });
 });

3 个答案:

答案 0 :(得分:0)

所以它会是这样的:

grpby_arrayy.push($("#direction :selected").text());

答案 1 :(得分:0)

 $(document).ready(function()
     {
    var grpby_arrayy=[];
    $('#direction').on("select change",function () {
         $("#direction option:selected").each(function(i){
             grpby_arrayy.push($(this).val().toUpperCase());

         }); 
        $("#grpbytxt"+aid).val(grpby_arrayy);
      });
    });`

答案 2 :(得分:0)

$(document).ready(function()
 {
    var grpby_arrayy=[];
    $('#direction').on("select change",function () {    

         grpby_arrayy.push($("#direction option:selected").val().toUpperCase());         
         console.log(grpby_arrayy);;
      });
 }); 

请尝试以上代码。 array.push将解决您的问题。