从分隔字符串中读取数据以创建选择元素

Question

我有一个字符串:

x|y|z;x|y|z;x|y|z;x|y|z;

我用x,y和z替换了实际值

它由;然后分隔|

我想拥有的是

<select>
    <option>x z</option>
    <option>x z</option>
    <option>x z</option>
    <option>x z</option>
</select>

我不需要获得y价值.

不知道怎么做!任何想法都会很棒!谢谢.

Answer 1

您首先要在字符上拆分字符串,;以便拥有xyz组合数组:

var arr = str.split(";");
arr.pop(); // remove the last item:
           // your example has a trailing `;` which adds an empty item

然后,您希望在|字符上拆分每个组合,以便获得单独的xyz值.然后,您可以使用这些值来创建<option>元素.

// loop the array
$.each(arr, function() {
  var values = this.split("|");
  // ignore values[1], that's the y value
  $("<option>").text(values[0] + " " + values[2]).appendTo("select");
});