javascript - 将多个选择字段值组合成一个变量

Question

我有一个带有多个选择下拉列表的 HTML 表单(我在网上找到的大多数 jQuery 片段都在讨论不同的多选，即复选框。)

如何使用 jQuery 收集/连接所有下拉字段的值，并用逗号或加号等符号分隔它们？然后，发送到 URL(WordPress 标签搜索)。

我试过这段代码，但它不起作用:

<script>
jQuery(document).ready(function() {
 jQuery("#submit").click(function() {
    var tags = $(".option").map(function() {
    return ($(this).text() == "") ? null : $(this).text(); // ignore default
        // return $(this).text(); // include all values
 }).join("+");
window.location = "<?php echo home_url( '/' ); ?>/tag/" + tags;
return false;
 });
});
</script>

这是最新版本，添加了.get，还是不行:

<script>
jQuery(document).ready(function() {
 jQuery("#submit").click(function() {
    var tags = $(".option").map(function() {
    return ($(this).text() == "") ? null : $(this).text(); // ignore default
    // return $(this).text(); // include all values
 }).get().join("+");
window.location = "<?php echo home_url( '/' ); ?>/tag/" + tags;
// return false; // tried this on and off
 });
});
</script>

Answer 1

几件事:1) 添加了 .get() 以访问 .join()，以及 2) 将返回限制为仅选择未选择的选项空白:

jQuery(document).ready(function() {
  jQuery("#submit").click(function(evt) {
    evt.preventDefault();
    var tags = $(".option").map(function() {
      return (this.selected && $(this).text() != "") ? $(this).text() : null;
  }).get().join("+");
  window.location = "<?php echo home_url( '/' ); ?>/tag/" + tags;
  });
});

为了更好地衡量，拉入事件对象并阻止默认操作。

JSFiddle:http://jsfiddle.net/jKGP8/