Question

我想用jQuery确定选择列表的选定值，并将该值附加到textarea。

我该怎么做？

<div id="myDiv">
    <a>Enter</a><br />
    <div>
      <textarea>

      </textarea>
    </div>
</div>

<div id="select">
<select>
  <option value="volvo">Option1</option>
  <option value="saab">Option2</option>
  <option value="mercedes">Option3</option>
  <option value="audi">Option4</option>
</select>
</div>


$('#myDiv a').click(function(){
$('#select select').appendTo('#myDiv');
$('#select').css('display','block');
       $('#select select').attr('selected').html().clone().appendTo('textarea');
});

FIDDLE

Answer 1

使用此

HTML

 <div id="myDiv">
 <a>Enter</a><br />
 <div>
  <textarea>

  </textarea>
 </div>
 </div>
<input type="button" onclick="apv();" value="A1BC" id="ABCA"/>
<div id="select">
<select id="abc1">
  <option value="volvo">Option1</option>
  <option value="saab">Option2</option>
  <option value="mercedes">Option3</option>
  <option value="audi">Option4</option>
</select>
</div>

JS

$('#myDiv a').click(function(){
 $('#select select').appendTo('#myDiv');
 $('#select').css('display','block');
   $('#select select').attr('selected').html().clone().appendTo('textarea'); 
 });

$("#ABCA").click(function()
{
  var text1 = $('#abc1 option:selected').val();
  $('#myDiv textarea').html(text1);
  alert(text1);
});

Demo

Answer 2

使用此

var text = $('#select option:selected').text().appendTo('textarea');

Answer 3

您无法克隆文本字符串，只能克隆元素。
您不能追加文本字符串，只能添加jQuery对象。要设置html或文本，您必须使用方法.html()或.text()

解决方案：

// store textarea
var $ta = $('#myDiv textarea');

$('#myDiv a').click(function(){
    $('#select select').appendTo('#myDiv');
    $('#select').css('display','block');

    // get selected option text, not value
    // for value, use .val() instead of .text()
    var text = $('#myDiv select').find(':selected').text();

    // append selected value after a space
    $ta.text($ta.text() + ' ' + text);
});

http://jsfiddle.net/samliew/mF5GV/

Answer 4

$（'select option：selected'）;

我们使用：selected选择器来确定当前选择的选项

Answer 5

这是你的意思吗？ http://jsfiddle.net/V2cXf/

$('#myDiv a').click(function(){
    $('textarea').append($('#select select').val())
});

使用jQuery将所选选项的值（文本）附加到textarea

5 个答案: