javascript - 使用 jQuery 获取 <select> <option> 的文本不产生 'normal' 结果

Question

所以我一直在绞尽脑汁试图弄清楚是什么导致下面的代码行不能“正常”运行:

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

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

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

我也尝试过以下代码，但没有成功:

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

我已经包含了一个 CodePen协助解决问题。
我还可以包括这使用 php 从一个在 197 个国家/地区加载的文件中加载国家/地区列表。为了帮助重现我的问题，我只在我的 Pen 中包含了 2 个(通过普通 HTML)。

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

我错过了什么？

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>

如果你想从选择中获得值(value)

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

或者如果您想要所选选项的文本

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