如何使用jquery或javascript设置innerhtml和所选下拉选项文本？

我想用选中的下拉选项text更改锚定标记的内部文本

这是我的下拉列表代码，无论在这个下拉列表中选择了什么选项，我都想在另一个锚标记中更新该选项的文本

<span style="white-space: nowrap;" class="" id="shopperlanguage_fs">
<select class="input" id="shopperlanguage" name="shopperlanguage">
<option value="ja_JP" class="japImg">japanees</option>
<option selected="" value="en" class="engImg">English (International)</option>/* whatever option is selected like this i want to get this text  */
</select>
</span>

日本人
英语（国际）/*无论选择什么选项，我都希望获得此文本*/

我想用上述下拉列表更新锚定标记class=“dropdown open”innerhtml
列出所选文本

<div class="top-lang clearfix">
<div class="cat-select">
<a href="#" data-dropdown="#dropdown-2" class="dropdown-open"><img src="/site/images 
/lang_05.jpg"> English</a>    /* this is the anchor tag which innerhtml i want to change with selected dropdown option text */
</div>
</div>

/*这是锚定标记，我想用选中的下拉选项文本更改它*/

假设在下拉列表中选择了包含文本japanees的选项，那么我想将锚定标记innerhtml text english更改为japanees

这是我的代码，我试过了，但不起作用

<script  type="text/javascript">
var e = document.getElementById("shopperlanguage"); 
var strUsertext = e.options[e.selectedIndex].text;
var langValue =$(".dropdown-open").text()
langValue.innerHTML= strUsertext;
</script>

var e=document.getElementById（“shopperlanguage”）；
var strUsertext=e.options[e.selectedIndex].text；
var langValue=$（“.dropdown open”）.text（）
langValue.innerHTML=strUsertext；

我在标记中添加了

，这样可以更容易地选择目标区域：

$（'shopperlanguage'）。在（'change'，function（）上{
$（'.cat选择一个span.text'）.text（$（'option:selected'，this.text（））；
})
.change（）

日本人
英语（国际）
我在标记中添加了
，这样可以更容易地选择目标区域：


$（'shopperlanguage'）。在（'change'，function（）上{
$（'.cat选择一个span.text'）.text（$（'option:selected'，this.text（））；
})
.change（）

日本人
英语（国际）
尝试使用javaScript

var e = document.getElementById("shopperlanguage");
var strUsertext = e.options[e.selectedIndex].text;
document.getElementsByClassName("dropdown-open")[0].childNodes[1].nodeValue = strUsertext;


使用javascript更改Jquery

$('#shopperlanguage').on('change', function () {
    $(".dropdown-open")[0].childNodes[1].nodeValue = this.options[this.selectedIndex].text;
}).change();

试试javaScript

var e = document.getElementById("shopperlanguage");
var strUsertext = e.options[e.selectedIndex].text;
document.getElementsByClassName("dropdown-open")[0].childNodes[1].nodeValue = strUsertext;


使用javascript更改Jquery

$('#shopperlanguage').on('change', function () {
    $(".dropdown-open")[0].childNodes[1].nodeValue = this.options[this.selectedIndex].text;
}).change();


英语
日本人
函数chng（）
{
var s=document.getElementById（'abc'）。值；
document.getElementById（'atag'）。innerHTML=s；
}

这是工作演示。请试一试。

英语
日本人
函数chng（）
{
var s=document.getElementById（'abc'）。值；
document.getElementById（'atag'）。innerHTML=s；
}

这是工作演示。请试一试

试试这个……）


日本人
英语（国际）/*无论选择什么选项，我都希望获得此文本*/
/*这是锚定标记，我想用选中的下拉选项文本更改它*/
$（'#shopperlanguage'）。更改（函数（）{
$（'.dropdown open'）.text（$（this.find（'option:selected'）.text（））；
});

试试这个……）


日本人
英语（国际）/*无论选择什么选项，我都希望获得此文本*/
/*这是锚定标记，我想用选中的下拉选项文本更改它*/
$（'#shopperlanguage'）。更改（函数（）{
$（'.dropdown open'）.text（$（this.find（'option:selected'）.text（））；
});
你会拉小提琴吗？你会拉小提琴吗？是的，它可以工作，谢谢，但当我在下拉列表中选择一个选项时，它会闪烁锚定标记的旧innerhtml，然后将其替换为新innerhtml如何修复你使用的浏览器和版本？在最新的chrome浏览器中，我似乎工作得很好。我使用的是firefox最新版本。我已经在firefox中测试了我的演示，它也工作得很好。您是否有JSFIDLE演示或页面的URL，以便我们可以看到您正在谈论的问题？是的，它可以工作，谢谢，但当我在下拉列表中选择一个选项时，它会闪烁锚定标记的旧innerhtml，然后将其替换为新innerhtml如何修复您使用的浏览器和版本？在最新的chrome浏览器中，我似乎工作得很好。我使用的是firefox最新版本。我已经在firefox中测试了我的演示，它也工作得很好。你有一个JSFIDLE演示或你的网页的URL，这样我们就可以看到你所说的问题了吗？@user2787474你检查过我的演示了吗？是的，它工作正常，但它会在页面加载时刷新锚定标记的旧innerhtml，然后用新的进行更新如何修复？Bala我如何根据所选选项更改img src Inner锚定标记值？@user2787474你检查我的演示了吗？是的，它工作正常，但在页面加载时会闪烁锚定标记的旧innerhtml，然后用新的进行更新。如何修复它？Bala我如何根据所选选项值更改img src Inner锚定标记？