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

Question

此时我有一个包含 2 个分隔字段的表单，一个用于输入年份的数据类型和一个用于选择该年份属于哪个世纪的选项，所以我正在寻找一种获得值的方法输入年份时自动分配世纪，因此如果输入 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 并且 Century 是所选选项的 id 当然，您需要实现某种循环以适应所有世纪。

一旦您收集了 pubdate 和 Century，您就可以通过 ajax 调用将它们传递到 php 文件中。

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