Как сделать форму поиска с несколькими параметрами поиска

Я пытаюсь создать форму поиска с раскрывающимся меню, которое позволяет посетителям сайта выбирать, на каком сайте выполнять поиск.

Выпадающее меню предлагает выбор сайтов для поиска.

До сих пор я зашел так далеко: https://biblio.brossard.ca/boite-de-recherche-test/.

Все работает отлично, за исключением случаев, когда я использую слова с акцентированными буквами (é, ê, à, î и т. д.) в поле поиска.

Вот HTML-код:

<form name = "searchform" id = "searchform" class = "search-form" onSubmit = "return dosearch();">
<div class = "search-form-wrap">
<div class = "selecteur">
<select name = "sengines">
<option id = "options" value = "https://biblio.brossard.ca/?s = ">Site Web</option>
<option id = "options" value = "https://catalogue.brossard.ca/query?q = " selected>Catalogue</option>
<option id = "options" value = "https://bibliothequemunicipaledebrossard.on.worldcat.org/v2/search?queryString = ">Catalogue international</option>
</select></div><input type = "text" name = "searchterms" class = "search-form-input" style = "border-radius: 0 25px 25px 0; width: 70%; display: inline;" placeholder = "Saisissez les termes de votre recherche."><input type = "submit" name = "SearchSubmit" id = "searchsubmit" class = "button submit-button" value = "&#xf179;" />
</div>
</form>

И вот код javascript:

<script type = "text/javascript">
function dosearch() {
var sf=document.searchform;
var submitto = sf.sengines.options[sf.sengines.selectedIndex].value + escape(sf.searchterms.value);
window.location.href = submitto;
return false;
}
</script>

Итак, как мне сделать форму поиска, в которой посетители моего сайта могут выбирать, где выполнять поиск, из выбора в раскрывающемся меню, и поиск будет работать как со словами с диакритическими знаками, так и без них?

Большое спасибо за вашу помощь.