Javascript按鈕單擊以從div獲取輸入

Question

我有一個我無法解釋的問題，因此我舉一個例子，說明我的輸出需要是什么。

這是我的劇本

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

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

如您所見，只有輸入值不同。 如果我現在運行腳本，然后單擊div，其中apple是我的值，是香蕉。 但是，如果我單擊div香蕉，它會提示“香蕉”，如果我單擊蘋果，它會提示“蘋果”，我需要安裝它。 我該怎么做呢？需要點擊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>