根据下拉选择填充表单域可以通过以下步骤实现:
<select id="mySelect">
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
</select>
// 获取下拉选择框元素
var selectElement = document.getElementById("mySelect");
// 监听选择框值的变化
selectElement.addEventListener("change", function() {
// 获取选择的值
var selectedValue = selectElement.value;
// 根据选择的值填充表单域
if (selectedValue === "option1") {
document.getElementById("inputField").value = "填充的值1";
} else if (selectedValue === "option2") {
document.getElementById("inputField").value = "填充的值2";
} else if (selectedValue === "option3") {
document.getElementById("inputField").value = "填充的值3";
}
});
<input type="text" id="inputField">
通过以上步骤,当用户选择下拉选择框中的选项时,JavaScript会根据选择的值填充表单域。你可以根据实际需求修改填充的值和表单域的类型。
领取专属 10元无门槛券
手把手带您无忧上云