首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用javascript使用多个按钮传入的唯一文本值填充两个单独的输入字段

使用JavaScript实现多个按钮传入的唯一文本值填充两个单独的输入字段,可以通过以下步骤实现:

  1. 在HTML中创建两个输入字段(input)和多个按钮(button),并为每个按钮添加一个唯一的标识符(例如id)。
代码语言:txt
复制
<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>
  1. 在JavaScript中编写函数fillInputFields(buttonId),该函数将根据传入的按钮标识符来填充输入字段的值。
代码语言:txt
复制
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)函数获取相应的文本值,并将其填充到两个输入字段中。

  1. 可以根据实际需求自定义getTextValue(buttonId)函数,根据不同的按钮标识符返回不同的文本值。

这样,当点击不同的按钮时,两个输入字段将被填充相同的文本值。

请注意,以上代码仅为示例,实际应用中可能需要根据具体情况进行适当的修改和优化。

关于JavaScript、前端开发和后端开发的更多信息,您可以参考腾讯云的相关产品和文档:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的合辑

领券