如果更改了所选选项，如何动态附加特定的 div？答案

【问题标题】：How to dynamically append particular div if selected option is changed?如果更改了所选选项，如何动态附加特定的 div？
【发布时间】：2020-08-18 12:12:26
【问题描述】：

我有一个下拉菜单，其中有 3 个选项英语印地语马拉地语。当用户选择印地语时，应该显示包含印地语文本的标签，而其他两个应该隐藏。下拉菜单如下：

HTML 代码

<div class="dropdown">
    <select id="languageId">
        <option>English</option>
        <option>Hindi</option>
        <option>Marathi</option>
    </select>
</div>

<label id="english">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</label>

<label id="hindi">लोगो संस्थान सिद्धांत उपयोगकर्ता लक्षण दौरान अतित प्रमान बातसमय वैश्विक विकसित प्रौध्योगिकी लेकिन उनका होसके करता मानसिक अनुवाद तकनिकल तकनिकल यायेका प्राथमिक सदस्य लोगो परिभाषित बीसबतेबोध बारे पहोच।</label>

<label id="marathi">यदि आप इस साइट का नियमित रूप से इस्तेमाल करते हैं और इस साइट को इंटरनेट पर बनाये रखना चाहते हैं,</label>

JAVASCRIPT 代码

$('#languageId').on('change', function(e) {
      if($(this).val() == 'Hindi') {
          var hindi = document.getElementById('hindi');
          hindi.style.removeProperty("display");
          $('#english').css('display','none');
          $('#marathi').css('display','none');
      }
      if($(this).val() == 'English') {
          var english = document.getElementById('english');
          english.style.removeProperty("display");
          $('#hindi').css('display','none');
          $('#marathi').css('display','none');
      }
      if($(this).val() == 'Marathi') {
          var marathi = document.getElementById('marathi');
          marathi.style.removeProperty("display");
          $('#hindi').css('display','none');
          $('#english').css('display','none');
      }
}

谁能帮我只显示所选语言的文本，而其他语言的文本应该隐藏？

【问题讨论】：

标签： javascript html jquery

【解决方案1】：

您的<option> 标记应具有value 属性。像这样

<option value="English">English</option>

https://jsfiddle.net/vxs2u4m6/5/

【讨论】：