den Text im Feld eingegeben wird, wenn auf Dropdown

Question

geklickt Ich habe eine Dropdown, wenn ich auf sie klicken würde ich den Text wie in das Eingabefeld einfügen mit class = Paste. Dies ist, was ich bisher getan haben

index.php

<select> 
    <option class="others">Option 1</option> 
    <option class="others">Option 2</option> 
</select> 
<input class="paste" disabled="disabled" autocomplete="off" type="text"> 

jquery.js

$(document).on('click', '.others', function(e) { 
    e.preventDefault(); 
    $('.paste').val($(this).text()); 
}); 

Hier ist eine Geige Fiddle

Answer 1

Sie müssen change verwenden Ereignis anstelle von click

<select id="someSelect"> 
    <option class="others">Option 1</option> 
    <option class="others">Option 2</option> 
</select> 

$(function() { 
    $("#someSelect").change(function() { 
     alert($('option:selected', this).text()); 
     $('.paste').val($('option:selected', this).text()); 
    }); 
}); 

Für Demo

Answer 2

$(document).on('change', '.others1', function(e) { 
    e.preventDefault(); 
    $('.paste').val($('option:selected', this).text()); 
}); 


<select class='others1'> 
    <option class="others">Option 1</option> 
    <option class="others">Option 2</option> 
    <option class="others">Option 3</option> 
    <option class="others">Option 4</option> 
</select> 
<input class="paste" disabled="disabled" autocomplete="off" type="text"> 

DEMO

1. Fügen Sie eine Klasse auf der Auswahl
2. Nutzungsänderung
3. Verwenden $ ('Option: selected', this)

Answer 3

Versuchen Sie diese FIDDLE.

Da Sie jquery verwenden nicht vergessen, jquery-Bibliothek aufzurufen.

HTML

<select class="others"> 
    <option value="">select</option> 
    <option value="Option 1">Option 1</option> 
    <option class="Option 2">Option 2</option> 
    <option class="Option 3">Option 3</option> 
    <option class="Option 4">Option 4</option> 
</select> 
<input class="paste" disabled="disabled" autocomplete="off" type="text"> 

jQuery

$(document).ready(function(){ 
    $(".others").change(function(e){ 
    e.preventDefault(); 
    $('.paste').val($(this).val()); 
    }); 
});