jquery - 提交表单时使用 SELECT 中的文本而不是值

Question

我正在使用一个 JQuery 插件，它显示国家和州的列表，其选择选项标签如下:

<option value='US'>United States</option>

当我提交它时，我希望它发布(无ajax)“美国”而不是“美国” - 但我在网上找不到好的解决方案......有人有任何想法吗？

PS。这是插件:http://bootstrapformhelpers.com/state/

PS。最终解决方案:

• 我只是将 ISO 代码传递回 PHP 并使用 geoip 查找州/省/县名称
• 国家有点棘手，但我下载了一个包含 ISO 2 位代码的国家/地区名称的 json，并使用 PHP 解析它

Answer 1

考虑到它已被标记为 JQuery，这是一个 JQuery 解决方案...您可以使用以下方法检索选项元素的内部文本

$("#list option:selected").text();

以及

$("#list option[value='US']").text()

由于您还没有完全解决该问题，如果您使用表单向服务器发出 POST 请求，您可以在表单上创建隐藏输入，当值更改时，您可以将其结果附加到使用上面的代码隐藏字段。

编辑:使其“自动”:

$("#list").change(function(){
   // Set the hidden field here with selected option
})

编辑:看来该插件还有一个依赖于 JQuery 的更改事件(为什么？我不知道..)

$('#list').on('change.bfhselectbox', function () {
   // Set the hidden field here too if you wish...
});