使用JavaScript实现多个按钮传入的唯一文本值填充两个单独的输入字段,可以通过以下步骤实现:
<input type="text" id="inputField1">
<input type="text" id="inputField2">
<button id="button1" onclick="fillInputFields(this.id)">Button 1</button>
<button id="button2" onclick="fillInputFields(this.id)">Button 2</button>
fillInputFields(buttonId)
,该函数将根据传入的按钮标识符来填充输入字段的值。function fillInputFields(buttonId) {
var textValue = getTextValue(buttonId);
document.getElementById("inputField1").value = textValue;
document.getElementById("inputField2").value = textValue;
}
function getTextValue(buttonId) {
// 根据按钮标识符返回相应的文本值
if (buttonId === "button1") {
return "Text value for Button 1";
} else if (buttonId === "button2") {
return "Text value for Button 2";
}
}
在上述代码中,fillInputFields(buttonId)
函数根据传入的按钮标识符调用getTextValue(buttonId)
函数获取相应的文本值,并将其填充到两个输入字段中。
getTextValue(buttonId)
函数,根据不同的按钮标识符返回不同的文本值。这样,当点击不同的按钮时,两个输入字段将被填充相同的文本值。
请注意,以上代码仅为示例,实际应用中可能需要根据具体情况进行适当的修改和优化。
关于JavaScript、前端开发和后端开发的更多信息,您可以参考腾讯云的相关产品和文档:
领取专属 10元无门槛券
手把手带您无忧上云