我有两个输入字段，Id 和 Desc。我需要一个 JavaScript，它根据已经设置的一些字段在第二个文本字段中输入值。就像圣诞节一样，如果输入 12/25，则应该显示圣诞节。
它只为一个值工作。但如果我输入“else if”，它不适用于多个值。
<script type="text/javascript">
$(document).ready(function() {
$('#holidayDate').datepicker();
var availableTags = ["New years Day", "Martin Luther King Day", "Groundhog Day", "Valentine's Day", "Washington's Birthday", "Easter", "Earth Day", "National Arbor Day", "Mother's Day", "Memorial Day", "Flag Day", "Father's Day", "Independence Day", "Labor Day", "Columbus Day", "Halloween", "Veterans Day", "Thanksgiving Day", "Pearl Harbor Remembrance Day", "Christmas Day"];
$("#tags").autocomplete({source:availableTags});
$('#holidayDate').change(function() {
if ($(this).val().substring(0, 5) === '12/25') {
$('#tags').val('Christmas Day');
}else if ($(this).val().substring(0, 5) === '01/01') {
$('#tags').val('New years Day');
} else {
$('#tags').val('');
}
});
});
</script>
最佳答案
首先，您可以将它们组合成一个 DOM 就绪事件。另外，您的某些代码位于事件之外，因此这可能就是它无法正常工作的原因。
$(function() {
$('#date').datepicker();
var availableTags = ["Christmas Day","etc"];
$("#tags").autocomplete({source:availableTags});
$('#date').change(function() {
if ($(this).val().substring(0, 5) === '12/25') {
$('#desc').val('Christmas');
} else {
$('#tags').val('');
}
});
});
更新:希望这只是一个写得不好的示例，但您给定的 HTML 也非常无效。请注意，您正在打开 <div>标记，然后关闭 <p>标签，以及其他问题，例如不关闭您的 <head>在打开正文之前添加标签等。所有这些问题都可能会阻止 javascript 正常运行。
关于带有 onChange 事件的 javascript 自动完成，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3232378/