如何正确地将数据传递给<input list =“”/>属性?

时间:2014-07-11 14:20:16

标签: html5 google-chrome input

我有一个非常简单的HTML5页面:

<form>
  <fieldset>
    <label for="cmb_unit">Unit:</label>

      <input list="browsers">

      <datalist id="browsers">
        <option value="Internet Explorer">
        <option value="Firefox">
        <option value="Chrome">
        <option value="Opera">
        <option value="Safari">
      </datalist>          

      <br>
      <label for="text_description">Click here and enter 1:</label>
      <br>
      <textarea id="text_description" name="text_description"></textarea>
    </fieldset>
  </form>

(或者可以在线测试:http://jsfiddle.net/4qaxR/3/

问题是当我从第一个控件中选择一个项目(例如“Firefox”)并在下一个控件中输入一个数字“1”时,此textarea控件将显示来自“browsers”{{}的数据1}}。更重要的是,如果我点击列表中的某些内容,那么浏览器页面会立即崩溃(它是Chrome“35.0.1916.153 m”)。

这里有问题吗?

1 个答案:

答案 0 :(得分:1)

是的,它似乎是浏览器的问题,它是一个Chrome浏览器错误。他们在测试版36中修复了它,你需要从这里下载https://www.google.com/intl/en/chrome/browser/index.html?extra=betachannel#eula这将更新你的浏览器,网站将顺利运行...... !!!

这个问题花了我4个月的时间研究这个问题......

干杯..