使用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>

searchZone（）

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
}