JQuery 从列表框中获取所选项目并用逗号分隔

Question

任何人都可以提供更多帮助吗？我在 jsfiddle 上设置了代码...

http://jsfiddle.net/ justinerswell/feDTU/

我需要获取子字符串中的最后一项并向后填充我需要的字段。

谢谢

原始问题

嗨，我在页面上返回了一个列表框，其中包含多个结果，这些结果正在作为字符串解析为值...

<option value="1 Corn Exchange, The Strand, RYE, East Sussex, TN31 7DB, UNITED KINGDOM">

使用 JQuery 我需要做几件事...

1. 获取选定值
2. 通过逗号
3. 循环拆分选定项目的值，并为每个项目设置一个变量，即国家：英国邮政编码：TN31 7DB 等

有人可以帮助我吗？

谢谢

Answer 1

您想在点击或提交时获取数据吗？

    $('select').click( function() {

        var selected = $(this).find(':selected').text();

        var substr = selected.split(',');
        var product = substr[0];
        var city = substr[1];
        var postcode = substr[2];
        var country = substr[3];

        //DO SOMETHING WITH IT??
    });

但这不是一个好主意，考虑到你的“数据”结构无法改变（即缺少字段等） - 因为它会破坏索引......

Answer 2

jquery 有一个用于选择值的选择器。

所以使用

var selectedValue = $('#myselect option:selected').val();

then split 在空间上

var table = selectedValue.split(',');

并在桌子上循环

for(i = 0 ; i < table.length; i++) {
    // dosomething with table[i]
}

Answer 3

假设如果你使用 Html 列表框而不是尝试这个

 <select id="Select1" size="4" multiple="multiple" onchange="Check(this);">
 <option value="1">item 1</option>
 <option value="2">item 2</option>
 <option value="3">item 3</option>
 <option value="4">item 4</option>
 <option value="0">All</option>
</select>

javascript

 function Check(selectObject)
  {
   var items = new Array();
   for (var i = 0, j = selectObject.options.length; i < j; i++)
   {
       if (selectObject.options[i].selected)
       {
           items.push(selectObject.options[i].value);
       }
   }
   // selectObject.id holds the "id"
   var itemsToString = items.toString();
   alert(itemsToString);
   //split and get values.
   var s = itemsToString.split(',');
   for(var k=0; k<s.length; k++)
      {
           alert(s[k]);
      }

  }

Hops 它有帮助

Answer 4

尝试 $.map() 获取列表中所有选定的项目

var selectedValues = $.map($('#ddlList option:selected'), function (element) {
        return element.value;
    }); 

Answer 5

试试这个简单的方法，在下拉列表框的 onchange() 事件上调用此函数。

函数 FuncFilter() {

     var selectedText = $("#DrpDatefilter").find(':selected').text();
     alert(selectedText );

    **Or** 
     var selectedValue = $("#DrpDatefilter").find(':selected').val();
     alert(selectedValue );

 }