jquery - 使用 javascript/jquery 搜索包含特定字符串的元素的选择框

Question

我有一个包含一些城市名称的选择框和一个搜索字段。

当我在搜索框中搜索城市名称时，我希望它通过 #selectzone_select 中的选项进行搜索并返回第一个具有与搜索匹配的 html 的元素，因此我可以重定向到该元素值中的链接。

选择框

<select id="selectzone_select">
  <option class="c1" value="/category/testcity1/">testcity1</option>
  <option class="c2" value="/category/testcity2/">testcity2</option>
</select>

搜索域

    <form onsubmit="return searchZone(this)">
      <span id="zonesearchwrap">
        <input class="zonesearch" value="Search" name="searchtext">
        <input type="submit" value="Search">
      </span>
    </form>

搜索区（）

function searchZone(obj){
  var value = obj['searchtext'].value;
  // Find "#selectzone_select option" having value in text
  // If anything is found redirect to the option.value
}