如何在javascript中验证带重音的字符串

Question

我是编程新手，我正在尝试使用javascript和联系人Form7用法语在wordpress中设置一个表单。我正在尝试创建一个隐藏的条件字段，当我在滚动菜单中选择某个选项时，它会出现。一切都很好，直到我有了包含强调字符的选项。我的问题是，当我试图验证包含重音字符的字符串时，我的表单不再工作。

这是我的表单代码

<div id="contactForm">
<li>
  <label for="develop-leadership">Catégorie de formation</label>[select develop-leadership id:develop-leadership include_blank class:contactForm "Développement du leadership" "second string" "third string"]
</li>
<li>
  <div class="hide" id="hide1">
  <label for="develop-leadership">Tell us why not</label>[text develop-leadership /50 id:develop-leadership class:contactForm "some text"]
   </div>

</li>
</div>

下面是我的javascript代码

/*! jQuery script to hide certain form fields */


$(document).ready(function() {
    $("#hide1").hide();

    //Show the text field only when Developpement du leadership is selected
    $('#develop-leadership').change(function() {
        if ($("#develop-leadership").val() == "Développement du leadership") {
            $("#hide1").show();
        }
        else {
            $("#hide1").hide();
        }
    });


});

你知道我该怎么解决这个问题吗？我已经找了一整天，想找出解决办法。

Answer 1

尝试这个jsfiddle，它将显示如何使其工作。以下是您需要的代码。像<input>一样，.val()方法只适用于表单域。对于其他HTML标记，您必须使用.html()方法。我还添加了一些丢失的额外ID。

HTML：

<div id="contactForm">
  <li>
    <label for="develop-leadership">Catégorie de formation</label>
  </li>
  <li id="hide1" class="hide">
     <label id="develop-leadership" for="develop-leadership">Développement du leadership</label>
  </li> 
</div>

JavaScript：

$("#hide1").hide();
if ($("#develop-leadership").html() === "Développement du leadership") {
   $("#hide1").show();
}