Javascript 如何获取当前集合的字符串值\u选择

我有一个collection_select，允许客户选择另一个客户。我还有一个按钮，单击该按钮时，会触发一个javascript函数，该函数将查找所选客户的字符串值，并将其添加到页面上的列表中

HTML:

然而，这并不是在我的列表中添加任何内容。当我创建一个测试文本节点，即entry.appendChilddocument.createTextNodetest时，此函数成功； 因此，我知道如何从所选集合中查找客户名称是一个问题。正确的方法是什么？谢谢，既然已经将jQuery添加到项目中，为什么还要使用香草javascript呢

我会这样重写您的javascript代码：

$(function (){
    $("#click-me").click(function (e){
        var list = $("#list") ;
        var name = $("#colleague-select option:selected").text() ;
        var entry = "<li>" + name + "</li>" ;

        list.append(entry);
        return false;
    });
});

---

好的，但是不会在同事选择上使用.val来获取客户id而不是他们的姓名吗？好的，单击按钮时会创建新的，但其中没有显示文本。javascript是正确的。验证select的id是否为同事select

$(function (){
    $("#click-me").click(function (e){
        e.preventDefault();
        var List = document.getElementById('list'); 

        var name = document.getElementById('colleague-select').textContent; //this should get whatever name is currently in the collection_select
        var entry = document.createElement("li");

        entry.appendChild(document.createTextNode(name));
        List.appendChild(entry);

        return false;

    });
});

$(function (){
    $("#click-me").click(function (e){
        var list = $("#list") ;
        var name = $("#colleague-select option:selected").text() ;
        var entry = "<li>" + name + "</li>" ;

        list.append(entry);
        return false;
    });
});