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

时间:2015-01-29 18:59:53

标签: php html validation webforms

此时我有一个带有2个分隔字段的表单,一个用于输入一年的数据类型,另一个用于选择哪个世纪属于该年份,所以我正在寻找的是一种具有该值的方法在输入年份时自动分配的世纪,所以如果输入1992年,自动具有值“20”,如果它在包含表格的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>

感谢

1 个答案:

答案 0 :(得分: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