如何在JavaScript中使用重音符驗證字符串

Question

我是編程新手，正在嘗試使用javascript和聯系表7在法語中的wordpress中設置表單。我試圖創建一個隱藏的條件字段，當我在向下滾動菜單中選擇某個選項時出現。 Everythings工作正常，直到我有包含突出字符的選項。 我的問題是，當我嘗試驗證包含重音符號的字符串時，我的表單不再起作用。

這是我的表格代碼

<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 ，它將展示如何使它工作。 這是您需要的代碼。 .val()方法僅適用於表單字段，如<input> 。 對於其他HTML標記，您必須使用.html()方法。 我還添加了一些額外的ID，這些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();
}