搜尋

首頁  >  問答  >  主體

HTML按鈕及其對應的值

我是一個後端開發者,所以我需要幫忙處理這個前端部分。

<input id="entered_value" type="number" name="entered_value">
<input id="entered_valuetwo" type="text" name="entered_valuetwo">
<select id="selected_value" name="selected_value"> <option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<button type="button" id="send-data">点击我</button>

當按鈕被點擊時,它已經觸發了我在JS中的某些東西。但是,最好的方法是如何同時傳遞「entered_value」、「entered_valuetwo」和「selected_value」給按鈕,然後它們被傳遞給js函數。

P粉710478990P粉710478990367 天前545

全部回覆(1)我來回復

  • P粉330232096

    P粉3302320962024-02-22 17:27:04

    just add this to your js

    document.getElementById('send-data').addEventListener('click',buttonFunction)
    function buttonFunction(){
    
    let enteredValue = document.getElementById('entered_value').value
    let enteredValue2 = document.getElementById('entered_valuetwo').value
    let selectValue = document.getElementById('selected_value').value
    
    console.log(enteredValue,enteredValue2,selectValue)
    
    }
    <input id="entered_value" type="number" name="entered_value">
    <input id="entered_valuetwo" type="text" name="entered_valuetwo">
    <select id="selected_value" name="selected_value"> <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    </select>
    <button type="button" id="send-data">Click me</button>

    回覆
    0
  • 取消回覆