Question

我对我无法解释的问题有疑问，所以我举例说明我的输出需要的是什么。

这是我的剧本，

＆＃13;

___mm___

＆＃13;

function myfunction(e) {
  var value = document.getElementById("value").value;
  alert(value);
}

＆＃13;

正如您所看到的，只有输入值不同。如果我现在运行脚本，然后单击div，其中apple是我的值是banana。但是我需要拥有它，如果我点击div banana它警告＆＃34; banana＆＃34;如果我点击苹果它会提醒＆＃34; apple＆＃34;。我怎么能这样做需要点击1按钮而不是点击div。这很难解释，如果您有任何疑问，请告诉我。

Answer 1

首先，从不使用两次ID。下面的代码警告输入的值，即按钮的兄弟元素，从中调用函数。

function myfunction(e) {
  var input = e.parentNode.getElementsByTagName("input")[0]; //or whatever selector you need
  var value = input.value;
  console.log(value);
}

<div class="test">
  <input type="text" name="" value="banana">
  <button type="button" name="button" onclick="myfunction(this)">Button</button>
</div>

<div class="test">
  <input type="text" name="" value="apple">
  <button type="button" name="button" onclick="myfunction(this)">Button</button>
</div>

单击Javascript按钮从div获取输入

1 个答案: