title: How to implement dropdown entry selection via speech recognition in a web browser?
body: <p>I'm looking for a way of selecting an entry from a dropdown list in a webpage using speech recognition.</p>
  
  <p>My initial thoughts are to use Google's x-webkit-speech in an <code>input type="text"</code> element. And then when the <code>onwebkitspeechchange</code> event is fired, calculate the <a href="https://en.wikipedia.org/wiki/Levenshtein_distance" rel="nofollow">Levenshtein distance</a> for each dropdown entry - then select the minimum.</p>
  
  <p>One detail is I'd prefer to have the textbox hidden so it appears you are selecting the microphone for the select element. (Haven't tried this yet but am assuming it could be done...)</p>
  
  <p>A couple of downsides to this are the Levenshtein distance may not always be an accurate way of selecting and it would only work in Google Chrome for the foreseeable future.</p>
  
  <p>Could anyone come up with any alternative suggestions or flesh out any of the detail?</p>