是否有一種香草 JavaScript 方法來更改輸入字段的值

Question

我想要實現的是在您輸入id="pickup"字段時更新id="origin"輸入字段的值。

 const pickup = document.querySelector('#pickup') const dropoff = document.querySelector('#dropoff') const origin = document.querySelector('#origin') const destination = document.querySelector('#destination') const submit = document.querySelector('#submitForm') pickup.addEventListener('input', (e) => { origin.value = e.target.value })

 .hidden { opacity: 0; }

 <form> <div class="form-group"> <label for="pickup">Pickup</label> <input type="text" class="form-control" id="pickup" aria-describedby="pickupHelp"> <input type="text" class="form-control hidden" id="origin" value="empty"> <small id="pickupHelp" class="form-text text-muted">Enter your pickup location</small> </div> <div class="form-group"> <label for="pickup">Drop-off</label> <input type="text" class="form-control" id="dropoff" aria-describedby="dropoffHelp"> <input type="text" class="form-control hidden" id="destination" value=""> <small id="dropoffHelp" class="form-text text-muted">Enter your drop-off location</small> </div> <button type="submit" class="btn btn-primary" id="submitForm">Submit</button> </form>

Answer 1

我找到了我正在尋找的解決方案。 很抱歉沒有明確說明我想做什么。

pickup.addEventListener('input', (e) => {
//changed to .defaultValue instead of just .value
    origin.defaultValue = e.target.value
})