Javascript jQuery一个Div，两个url，使用css创建一个选择框

正如标题所说，我得到了一个包含2个URL（a）的div。我想使用jQuery创建选择框，而不涉及html，只使用css和脚本。有人能帮我吗

我在想这样的代码（我知道它不起作用）：

---

不确定你想要什么，但可能是这样的：

HTML:

JS:

如果您可以使用javascript修改html，另一种选择（可能更好）是用真正的

select

标记替换链接：

var select = $('<select></select>');
$('.language_selection a').each(function () {

    var option = $('<option></option>');
    option.val($(this).attr('href')).text($(this).text())
    select.append(option);
});
$('.language_selection').html(select);

var select=$（''）；
$（'.language_selection a'）。每个（函数（）{
var选项=$（''）；
option.val（$（this.attr（'href'））.text（$（this.text（））
选择。追加（选项）；
});
$（'.language_selection'）.html（select）；

---

请明确你想知道的内容。你到底想完成什么？你能不能在你的问题中再详细一点（少问你是否能做到，多问你需要做什么）？不太可能。如果您创建一个选择框，您的Html将发生更改。你希望那里发生什么。您想知道如何使用JavaScript创建选择框吗？

 <div class="language_selection">
     <a href="#EN">EN</a>
     <a href="#FR">FR</a>
 </div>

.language_selection a{
    display:none;
}

.language_selection .selected {
    display:block;
    color:red;
}

$(document).ready(function(){

    $('.language_selection a:first').addClass('selected');

    $('.language_selection a').click(function() {
        $('.language_selection a').removeClass('selected');
        $(this).addClass('selected');
    });

    $('.language_selection').hover(function(){
        $(this).find('a').css('display', 'block');
    }, function(){
        $(this).find('a').not('.selected').hide();
    });

});

var select = $('<select></select>');
$('.language_selection a').each(function () {

    var option = $('<option></option>');
    option.val($(this).attr('href')).text($(this).text())
    select.append(option);
});
$('.language_selection').html(select);