.val().join(',')

谁能举个例子，JQ中 .val().join(',');如何操作下面多类型表单

<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

---

<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

<div></div>

$(function(){
    var $div = $('div');
    
    //即使选择器选取了多个元素，但后续的取值操作只会返回第一个的
    var options = $('select option').val(); 
    
    $div.append(options).append('<br/>'); //1
    
    //方式1
    options = $('select option').map(function(){
        return this.innerHTML;
    }).get().join(',');                //1,2,3
    
    
        
    $div.append(options).append('<br/>');
    
    //方式2
    var arr = [];
    
    $('select option').each(function (i, ele){
        arr.push(ele.innerHTML);
    });
    
    $div.append(arr.join(',')).append('<br/>');
});

---

val() 取到的是个值，一般情况下是这个字符串，不是数组，哪来的 join() 方法呢