0

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

我怎么做？

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

小提琴

4

5 回答 5

5

用这个

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

演示

于 2013-04-22T07:42:53.607 回答
2

用这个

var text = $('#select option:selected').text().appendTo('textarea');
于 2013-04-22T07:24:50.243 回答
1
  1. 您不能克隆文本字符串，只能克隆元素。
  2. 您不能附加文本字符串，只能附加 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/

于 2013-04-22T07:24:10.387 回答
-1

$('选择选项：选择');

我们使用 :selected 选择器来确定当前选择了哪个选项

于 2013-04-22T07:23:15.443 回答
-1

你说的是这个吗？http://jsfiddle.net/V2cXf/

$('#myDiv a').click(function(){
    $('textarea').append($('#select select').val())
});
于 2013-04-22T07:34:38.947 回答