HTML表单自动填充正确的值

时间:2015-06-01 09:22:22

标签: forms

我有一个HTML表单:

<form>
          <input name="name" type="text" class="feedback-input" placeholder="Naam" />
          <input name="crebonummer" type="number" pattern="\d*" class="feedback-input" placeholder="Crebonummer" />
          <input type="text" name="Opleiding en niveau" class="feedback-input" id="autocomplete" placeholder="Opleiding en niveau">
          <input type="radio" id="radio1" name="radios" class="feedback-input border-left" value="all" checked="">
          <label for="radio1" class="fl border-left">Leerweg BBL</label>
          <input type="radio" id="radio2" name="radios" class="feedback-input border-right" value="false">
          <label for="radio2" class="border-right">Leerweg BOL</label>
          <input type="date" placeholder="Wanneer moet je stage lopen?" class="feedback-input">
</form>

当第二个字段(&#34; Crebonummer&#34;)用数字填写时,我希望下一个字段(&#34; Opleiding en Niveau&#34;)自动填充链接信息,具体取决于号。

例如:填写的数字是12345 与该数字相关联的值为:Test1234,并自动填入下一个字段。

有没有这样做的脚本?

1 个答案:

答案 0 :(得分:0)

您应该使用Javascript脚本语言。使用AJAX检索数据并将结果解析为该文本框。请尝试参考此链接http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first