Question

我想在javascript中获取带空格的下拉值。我使用了$（'＃loc'）。val（）和document.getElementById（“loc”）。value，但我只得到了一个和三个下面的code.it只是在空间之前。我想要答案，如一，二，三四。

<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文件referrd是jquery-1.8.2.min.js

Answer 3

使用jQuery的.val()可以正常工作。

请参阅此小提琴http://jsfiddle.net/uMr4R/1/

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

3 个答案: