如何根据先前的字段值设置 select 输入的值

Question

此刻我有一个包含 2 个独立字段的表单，一个是输入年份的数据类型，另一个是 selection 到 select 那个世纪属于那一年，所以我我正在寻找一种在输入年份时自动分配世纪值的方法，因此如果输入 1992 年，则自动具有值“20th”，如果它显示给用户并不重要php 包含表单的页面，但在提交时发送世纪值确实很重要。

<input type="date" name="pubdate" size="4" placeholder="Publication year, ex.: 1994" required></p>
<p><label for="century">Belongs in century</label>
<select size="1" name="century" required>
<option value="">Select century</option>
<option value="10th">10th century</option>
<option value="11th">11th century</option>
<option value="12th">12th century</option>
<option value="13th">13th century</option>
<option value="14th">14th century</option>
<option value="15th">15th century</option>
<option value="16th">16th century</option>
<option value="17th">17th century</option>
<option value="18th">18th century</option>
<option value="19th">19th century</option>
<option value="20th">20th century</option>
<option value="21st">21st century</option>
</select></p>

谢谢

Answer 1

如果我理解正确的话：

 <script>

function myFunction() {

var pubdate = document.getElementById("pubdate").value;

if (pubdate < 2000 && pubdate > 1900)
{       
document.getElementById('century').selectedIndex=11;
}
}
</script>

假设您输入的日期字段 ID 是 pubdate，世纪是所选选项的 ID 当然，您需要实现某种循环以适应所有世纪。

收集 pubdate 和 century 后，您可以通过 ajax 调用将它们传递到 php 文件。

这是一个例子。 http://www.w3schools.com/php/php_ajax_php.asp

如何根据先前的字段值设置 select 输入的值

how to set value of a select input depending on previous field value

php

html

validation

webforms