javascript - 如何在javascript中获取带有空格的选择框值？

Question

我想在 javascript 中用空格获取下拉值。我使用了 $('#loc').val() 和 document.getElementById("loc").value，但根据下面的代码我只得到了一个和三个.它只占用空间。我想要答案，一二三四。

<form method="post" action="" name="xxx"> 
 <select name="loc" id="loc"> 
  <option value="one two">Choice 1</option> 
  <option value="three four">Choice 2</option> 
 </select> 
</form>

请分享这个答案？提前致谢。

Answer 1

尝试这样的事情

   document.getElementsByName("choices")[0].value

编辑代码

<form method="post" action="" name="xxx"> 
 <select name="loc" id="loc" onchange="get_value()"> 
  <option value="one two">Choice 1</option> 
  <option value="three four">Choice 2</option> 
 </select> 
</form>

<script>
    function get_value(){
    alert(document.getElementsByName("loc")[0].value);
    }

</script>

Answer 2

我用下面的代码测试过它工作正常。它给出“一二”和“三四”

$(document).ready(function () {alert($("#sample").val());});

 function test() {
           alert($("#sample").val());
       }
 <select name="choices" id="sample" onchange="test()"> 
  <option value="one two">Choice 1</option> 
  <option value="three four">Choice 2</option> 
 </select> 

注意：我用浏览器测试过 IE 8 JS 文件引用是 jquery-1.8.2.min.js

Answer 3

使用 jQuery.val()效果很好。

看到这个小提琴http://jsfiddle.net/uMr4R/1/