获取文字 <select><option> jQuery不会产生“正常”结果

Question

因此，我一直在绞尽脑汁，试图找出是什么原因导致下面的代码行无法正常运行：

$('#country option:selected').text()

需要明确的是，我尝试了多种方法来获取option标签的输出，但是没有运气。.由于以前的帖子，我正在使用.text() ，但是它只返回一个空白字符串。

我正在尝试将表单数据发送到纯文本文件。

我也没有运气尝试下面的代码：

$('#country option').text()
$('#country option').val()
$('#country option:selected').val()

我提供了一个CodePen来解决该问题。
可能我还包括使用php从197个国家/地区加载的文件中加载国家/地区列表。.为了帮助重现我的问题，笔中仅包括2个（通过普通HTML）。

在第二页上，从下拉列表中选择一个国家，然后进入最后一页。 它将说“ Submit Hopefully.. 。 打开浏览器的控制台，然后单击按钮，这将产生空白字符串。 它应该生产的是所选国家。 我已经在简单的设置中尝试过了，效果很好。

我想念什么？

Answer 1

<select name="country">缺少ID。 所以您的<select>应该看起来像这样

<select name="country" id="country">
    <!--<?php require_once( 'php/countries.php' ); ?>-->
    <option value="US">US</option>
    <option value="Canada">Canada</option>
</select>

如果您想从中选择价值

country = $('#country').val()

或者如果您想选择选项的文本

text = $('#country option:selected').text()

Answer 2

试试这个。

$('#country').val()

并将其添加到您的选择元素。

id="country"

Answer 3

为您的选择添加一个ID，为您的选项添加一个值

<select  id="country" name="country">
     <!--<?php require_once( 'php/countries.php' ); ?>-->
     <option value="US">US</option>
     <option value="Canada">Canada</option>
</select>

然后在您的对象中将国家/地区设置为#country值

var formData = { 
      name: $('input#name').val(), 
      add1: $('input#add1').val(), 
      add2: $('input#add2').val(), 
      city: $('input#city').val(),
      state: $('input#state').val(),
      country: $('#country').val()
    }

最后...

$('#country').val()

将是您的国家名