Вставить текст в поле ввода при нажатии на ниспадающем

Question

У меня есть выпадающего список когда я нажимаю на них я хотел бы текст, чтобы вставить в поле ввода, имеющее класса = паста. Это то, что я сделал до сих пор

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

Вот скрипку Fiddle

Answer 1

Вы должны использовать change событие вместо 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()); 
    }); 
}); 

Для 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. Добавление класса на выберите
2. Использование изменения
3. Использование $ ('вариант: выбирается', это)

Answer 3

Попробуйте это FIDDLE.

Поскольку вы используете jquery, не забудьте вызвать библиотеку jquery.

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