选择不在JavaScript中工作的多选

Question

我有一个JQuery的多选项：

            <select multiple="multiple" id="add_remove_user_segment" size="5" name="add_remove_user_segment[]">
                <optgroup label="test">
                    <option value="test1">
                        test1
                    </option>
                    <option value="test2">
                        test2
                    </option>  
                    <option value="test3">
                        test3
                    </option>  
                </optgroup>
                <optgroup label="op1">
                    <option value="op1">
                        op1
                    </option>
                    <option value="op2">
                        op2
                    </option>  
                    <option value="op3">
                        op3
                    </option>  
                </optgroup>
            </select>

但无论我在javascript中选择什么，以下代码行都会给我null！那是为什么？

alert($("#add_remove_user_segment").val());

如果我的问题不明确，请告诉我！

Answer 1

#my_Selelect不是<select>的ID，而是#add_remove_user_segment

更新

它正在返回null，因为它正在运行而没有选择任何内容。这是一个小提琴，用于演示您需要onchange事件来获取值（或者至少在尝试选择某些内容时尝试抓取值）

http://jsfiddle.net/Dtxjv/1/

Answer 2

add_remove_user_segment在您选择一个之前没有任何值。

您的jQuery在文档加载时运行，然后才能选择值。

您需要测试更改或添加延迟。这里演示

http://codepen.io/lpoulter/pen/ukmwy