Javascript 如果所选选项发生更改，如何动态附加特定的div？

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

HTML代码

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

$('#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');
      }
}

是否有人可以帮助我仅显示所选语言的文本，而其他语言文本应隐藏？

您的

标记应具有

值

属性。像这样

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

英语

您的

标记应该具有

值

属性。像这样

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

英语