Question

当我点击它们时，我有一个下拉列表我希望将文本粘贴到 class = paste 的输入框中。这就是我到目前为止所做的事情

的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

在选择
使用更改
使用$（＆＃39;选项：已选择＆＃39;，此）

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

单击下拉列表时将文本粘贴到输入框中

3 个答案: