Javascript 在jquery的帮助下，从下拉菜单中选择一个值

我创建了这个菜单：

$（'.下拉菜单a'）。单击（函数（）{
$（'#select'）.text（$（this.text（））；
var lang=（$（this.text（））；
});

选择源语言

语言






@Shazy，将您的代码放入$（document）中。准备好（function（）{}），下面是已编辑的代码


$（文档）.ready（函数（）{
$（'.下拉菜单a'）。单击（函数（）{
$（'#select'）.text（$（this.text（））；
var lang=（$（this.text（））；
警觉（朗）；
}); 
})

选择源语言

语言






我会做那种事来实现你想要的

请参见代码段中的注释：


var浏览器_lang=（navigator.language）；
console.log（浏览器_lang）；//我更喜欢安慰，少一些攻击性！
//对我来说，输出是“fr”。必须将其拆分以适合菜单项的ID
browser_lang=browser_lang.split（“-”[0]；//现在对我来说是“fr”
$（'#select'）.text（$（'#'+浏览器语言）.text（））；//已修改
。下拉菜单，#下拉菜单1{
宽度：200px；
位置：相对位置；
左：19px；
}

选择源语言

语言






试试这个，它会起作用的

代码：


.下拉菜单，#下拉菜单1{
宽度：200px；
位置：相对位置；
左：19px；
}
选择源语言

语言




$（“#myid li”）。单击（函数（）{
警报（$（this.text（））；
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- language picker with flags -->
<style>
.dropdown-menu, #dropdown-menu1 {
  width: 200px;
  position: relative;
  left: 19px;
}
</style>
<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdown-menu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span id="select">Select source language </span><span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1" id=myid>
    <li class="dropdown-header">Languages</li>
    <li><a role="menuitem" id="ger" href="#">German </a></li>

    <li><a role="menuitem" id="sp" href="#">Spanish </a></li>

    <li><a role="menuitem" id="fr" href="#">French </a></li>
  </ul>

</div>

<script>

$("#myid li").click(function() {
    alert($(this).text());
});
</script>