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


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

此时我有一个包含 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>

谢谢

如果我

理解正确:

 <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