在下拉框中选择项目时更改文本框值答案

【问题标题】：Change Textbox value when an item is selected in drop down box在下拉框中选择项目时更改文本框值
【发布时间】：2012-05-05 07:14:54
【问题描述】：

我正在尝试使用从下拉框中选择的项目更改文本框的值。但它不起作用。

我试过这个 HTML：

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

还有这个 JS：

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

但是文本框 val 没有更新。

【问题讨论】：

你如何将值传递给ChooseContact？

标签： javascript html select

【解决方案1】：

这是因为this（ChooseContact 的参数）指的是select 元素本身，而不是它的值。您需要将friendName元素的value设置为select元素的value：

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

这是working example。

【讨论】：

【解决方案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>

【讨论】：