Javascript 将下拉菜单的数据复制到“选择”按钮上的文本框中？

假设您有一个下拉菜单：

<select>
   <option value="10">Apple</option>
   <option value="20">Orange</option>
</select>

<input type="name" />
<input type="price" />

如果用户从下拉菜单中选择橙色，则文本框的值应为：

<input type="name" value="Orange" />
<input type="price" value="20" />

或者如果是苹果，那么文本框的值应该是苹果和10

Jquery或Jquery Mobile是否可以实现这一点，如果可以，如何实现？

是

$("select").change(function() {
    var price = this.value;
    var selText = $("select option:selected").text();

    $("input[type='name']").val(selText);
    $("input[type='price']").val(price);
});

像这样的方法应该行得通

是的

$("select").change(function() {
    var price = this.value;
    var selText = $("select option:selected").text();

    $("input[type='name']").val(selText);
    $("input[type='price']").val(price);
});

这样的办法应该行得通

jQuery：

$("#fruit").change(function() {
     var name = $(this).find(":selected").text();
     var price =  $(this).val();
     $("#name").val(name);
     $("#price").val(price);
});

标记：

jsIDLE:

jQuery:

$("#fruit").change(function() {
     var name = $(this).find(":selected").text();
     var price =  $(this).val();
     $("#name").val(name);
     $("#price").val(price);
});

标记：

---

JSFIDLE:

我认为您对输入类型有点困惑。这会有帮助的

如果我理解正确，您希望从选择中获取值和标签，并将它们存储在相应的文本框中。以下是我的解决方案：

HTML:

---

请注意，这个jQuery只为onchange绑定水果选择，而不是绑定所有选择。我认为您对输入类型有点困惑。这会有帮助的

如果我理解正确，您希望从选择中获取值和标签，并将它们存储在相应的文本框中。以下是我的解决方案：

HTML:

---

请注意，这个jQuery只为onchange绑定水果选择，而不是绑定所有选择

Yes，Yes，这是可能的。@IMB-好的，你们所有的答案都有效，现在很难选择最佳答案：-谢谢@IMB选择PSCoder的，这是最好的xDYes，yes，这是可能的。@IMB-好的，你们所有的答案都有效，现在很难选择最佳答案：-谢谢@IMB选择PSCoder的，这是最好的XD小心，输入需要附加到没有ID的。小心，输入需要附加到没有ID的。谢谢！！对你来说，这只是其中的一天：谢谢你！！对你来说，这只是其中的一天：

<select id="fruit">
   <option></option>
   <option value="10">Apple</option>
   <option value="20">Orange</option>
</select>

<input type="text" id="name" />
<input type="text" id="price" />

$("#fruit").change(function() {
     var name = $(this).find(":selected").text();
     var price =  $(this).val();
     $("#name").val(name);
     $("#price").val(price);
});