在下拉框中選擇項目時更改文本框值

Question

我正在嘗試使用從下拉框中選擇的項目更改文本框的值。 但它不起作用。

我試過這個HTML：

<select name="ncontacts" id="contacts" onchange="ChooseContact(this);"> 
</select>

這個JS：

function ChooseContact(data)
{
   alert(data);
   document.getElementById("friendName").value = data;
}

但是文本框val沒有更新。

Answer 1

這是因為this （ ChooseContact的參數）引用了select元素本身，而不是它的值。 您需要設置value的的friendName元素的value的的select元素：

document.getElementById("friendName").value = data.value; //data is the element

這是一個有效的例子 。

Answer 2

我建議你非常簡單的方法

 $('#quantity').change(function(){ var qty = $('#quantity').val(); $("#totalprice").val(qty); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="pricesection"> <input type="hidden" id="productPrice" value="340"/> Quantity: <select id="quantity"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> Total: $ <input type="text" id="totalprice" value="1"/> </div>