Question

SOS请帮忙！我有这个选择框和输入：

水果：

<select size="10" name="category" id="category"> <option value="f:apple">Apple</option> <option value="f:banana">Banana</option> <option value="f:mango">Mango</option> <option value="f:pear">Pear</option> <option value="f:orange">Orange</option> </select> <input id="whatilove" type="text">

我点击更多元素/ Apple，芒果/复制到文本输入的值。所以，我点击Apple和Mango并将值复制到输入：“f：apple f：mango”

请救命！谢谢！干杯！

Answer 1

我相信这就是你想要的：

您希望文本框中包含所选的选项文本。

dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);

Answer 2

您可以获取选择菜单的值，并使用文本输入的值连接 -

$('#category').on('change', function() {
    $('#whatilove').val($('#whatilove').val() + ' ' + $(this).val());
})

DEMO

Answer 3

试试这个：

$(function() {
  $('#category').change(function() {
    $('#whatilove').val($(this).val().join(' '));
  });
});

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<select size="10" name="category" id="category" multiple="multiple">
  <option value="f:apple">Apple</option>
  <option value="f:banana">Banana</option>
  <option value="f:mango">Mango</option>
  <option value="f:pear">Pear</option>
  <option value="f:orange">Orange</option>
</select>
<input id="whatilove" type="text">

Answer 4

如果我理解正确，您希望跟踪所选值，如果是，并在文本输入中包含所有这些值。如果是这样，试试这个：

var selectedValues = [];
$("#category").change(function() {
    if($.inArray($(this).val(),selectedValues) === -1)
        selectedValues.push($(this).val());
    $('#whatilove').val(selectedValues.join(" "));
});

Answer 5

以下代码可帮助您避免重复选择并仅添加所选值：

$(document).ready(function(e){
$('#category').on('change', function() {

     previous_val=$('#whatilove').val();         
     arry_val=previous_val.split(",")              
     selected_val=$(this).val();         
     if(previous_val!="")
     {          
        if($.inArray(selected_val, arry_val)==-1)
        {
             $('#whatilove').val(previous_val + ',' + $(this).val());
        }
     }
     else
     {
        $('#whatilove').val( selected_val);
     }   

});

}）;

由于

选择框值复制以在单击时输入

5 个答案: