javascript - Jquery map 不会检索选定的选项；总是空着？似乎跳过变量，适用于 jsfiddle，没有控制台错误

Question

已解决:

最后的 fiddle :

http://jsfiddle.net/AcfUz/220/

*使用所选答案中指示的选择器，并将 console.log 值移动到要列出所选选项的文本输入之前，然后繁荣 - 正常工作!

请引用这个 fiddle :

http://jsfiddle.net/AcfUz/218/

jQuery(document).on('click', '#go', function() {
    console.log("woo");
    var selMulti = jQuery.map(jQuery("#inf_custom_Choosealocation_select :selected"), function(e) {
        return jQuery(e).val();
        console.log("hoo");
    });
    //var selMulti = jQuery("#inf_custom_Choosealocation_select :selected").val();
    console.log(selMulti + "hmm...");
    console.log("hootie");
    //jQuery("#inf_custom_Choosealocation").val(selMulti.join(", "));
    jQuery("#inf_custom_Choosealocation").val(selMulti);
    console.log("who");
});

这在 fiddle 上完美运行，但无论我尝试多少次迭代，它都无法在实时网站上运行。包含所需值的变量始终为空。我一生都无法弄清楚为什么？？？

有人能在我绝望的时刻给我一些启发吗？已经过去 7 个小时了，我需要在早上之前解决这个问题。

我想对此进行扩展—— fiddle 中的代码是我在网站中包含的代码。结束正文标记之前是表单，然后是脚本。该表单是动态加载的(大约需要一秒钟)。我需要完成的是获取用户从任何多选字段(我从一个开始)中选择的任何值，并将这些值作为逗号分隔列表复制到另一个单行文本输入中。 fiddle 工作得非常好，但我在现场网站上却一无所获。我只是返回空白/空——它不会给我任何控制台错误(除了丢失的 img)，我可以看到我的 console.log 检查点。

这是实时链接:

http://goo.gl/ll1Hz4

Answer 1

在实时网站上，如果我在控制台中尝试 $("#inf_custom_Choosealocation_select option")，选项会列出两次。使用 $('select') 返回 2 #inf_custom_Choosealocation_select。 (尽管我在页面源代码中没有看到 2 个实例)($("#inf_custom_Choosealocation_select"); 返回一个，但使用 getElementbyID 并跳过搜索)。也许第二个选择是通过某种覆盖创建的？

总而言之，我没有进一步搜索第二个选择来自哪里。快速解决方法是使用选择器搜索属性。以下选择器在实际网站上进行测试时有效:

$("select[id=inf_custom_Choosealocation_select] :selected")

但这可能只是暂时的解决办法。您可能也想找到幽灵选择的罪魁祸首;)