如何获取下拉选择框中选定的值

Question

我已经尝试获取所选选项的值，变量为 var。

doma=$('#domain_picker_select').find('option:selected').text();
OR
var doma=$('#domain_picker_select').val(); 

但是我得到的输出是未定义的，请帮助我获取选择选项的值。

<select name="domain_picker_select"ng-options="domain.value as domain.label for domain in domains.list" id="domain_picker_select">
<option label="global" value="string:global" selected="selected">global</option>
<option label="TOP/Comm" value="string:6b16be7e6f72710f6">TOP/GBP/Comm</option>
<option label="TOP/Custom" value="string:e15e65256f9bd23">TOP/Custom</option>
</select>

- Rishi Reddy

---

ng-options。你在使用Angular吗？ - Deep

你能展示更多的代码吗？ - Deep

<select name="domain_picker_select" ng-options="domain.value as domain.label for domain in domains.list" id="domain_picker_select" ng-model="domains.currentValue" ng-change="updateDomain()" class="form-control ng-pristine ng-untouched ng-valid"><option label="global" value="string:global" selected="selected">全球</option> </select> - Rishi Reddy

@RishiReddy 你是在使用 AngularJS 吗？ - jogesh_pi

@jogesh_pi 可能是因为我不知道我的应用程序是如何开发的。如果它是通过angularjs构建的，那么我该如何获取selectchoice的值？ - Rishi Reddy

Answer 1

获取值，使用val()。

$("#domain_picker_select").val();

它工作得很好！https://codepen.io/anon/pen/ZBNxPo

- nartoan

Answer 2

试一试这个：

$("select#domain_picker_select").change(function(){
    var doma = $(this).find(":selected").text();
    console.log(doma); // output value to console
});

-

<select name="domain_picker_select"ng-options="domain.value as domain.label for domain in domains.list" id="domain_picker_select">
    <option label="global" value="string:global" selected>global</option>
    <option label="TOP/Comm" value="string:6b16be7e6f72710f6">TOP/GBP/Comm</option>
    <option label="TOP/Custom" value="string:e15e65256f9bd23">TOP/Custom</option>
</select>

编辑:

如果您想在加载时获取选择：

$(document).ready(function(){ // on document load
    var doma = $("select#domain_picker_select").find(":selected").text();
});

- GROVER.

---

我认为这会在选项更改时触发，我想知道如何在加载时获取所选选项。我的意思是，当表单加载时，我需要所选选项的值。 - Rishi Reddy

当然没问题！:-) 请稍等一下。 - GROVER.

我尝试了你的方法，但我的应用程序仍然返回“空”。难道没有获取到文本的原因是“必须将模型绑定到选择器，然后只能使用该作用域变量”吗？请帮忙。 - Rishi Reddy

@RishiReddy 我已在我的端上测试过，两个函数都可以工作 :/ 我不使用Angular，所以不幸的是我不知道那是什么意思。 - GROVER.

Answer 3

请问您能否使用这种方式：

$("#domain_picker_select").on('change', function(){
    var doma = $(this).val();
    console.log(doma);
})

希望这个技巧能对你有所帮助。 谢谢 :)

$("#domain_picker_select").on('change', function(){
  var doma = $(this).val();
  console.log(doma);
})

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

<select name="domain_picker_select"ng-options="domain.value as domain.label for domain in domains.list" id="domain_picker_select">
<option label="global" value="string:global" selected="selected">global</option>
<option label="TOP/Comm" value="string:6b16be7e6f72710f6">TOP/GBP/Comm</option>
<option label="TOP/Custom" value="string:e15e65256f9bd23">TOP/Custom</option>
</select>

- Robin Hossain