選擇框值複製輸入點擊

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">

我點擊更多元/蘋果，芒果/複製到文本輸入值。所以，我點擊蘋果和芒果，並將其值複製輸入：「f：apple f：mango」

請保存我的生活謝謝！乾杯！

來源

2015-05-20 IamGabros

你在問什麼？ –

_I點擊更多的元素/蘋果，芒果/值被複制到文本input._。什麼？你的問題在哪裏？ – Zee

你會發生什麼？ –

你可以選擇菜單和CONCAT與文本輸入的值的價值 -

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

DEMO

來源

2015-05-20 12:38:22

我相信這是你想要什麼：

你想要的文本框內所選選項的文本。

$('#category').on('change', function() { 
    $('#whatilove').val($('#category option:selected').text()); 
});

來源

2015-05-20 12:36:32 Tushar

試試這個：

$(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">

來源

2015-05-20 12:41:28 jcubic

如果我正確理解了你，你想跟蹤選定的值，如果它是，並在文本輸入中具有所有這些值。如果是的話試試這個：

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

來源

2015-05-20 12:43:34 iamawebgeek

下面的代碼將幫助您avoide重複的選擇和添加選定值僅：

$(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); 
    } 

});

}）;

謝謝

來源

2015-05-20 13:10:46

選擇框值複製輸入點擊

回答

相關問題