将两个下拉值连接到另一个下拉列表中

时间:2014-02-01 18:05:49

标签: javascript jquery textarea concatenation

我正在寻找一种方法,使用jquery和php将两个下拉列值连接到另一个下拉列表中,我想用文本框做同样的事情

<script type="text/javascript">
$(document).ready(function() { 
    $('#drop2').change(function() { 
        var currentVal = $('textarea').val();
        var one = $('#drop1').val();
        var two = $('#drop2').val() + "\n";
         two.replace("\n","<br/>");
        $('textarea').html(currentVal + one + " em " +  two) ;

    });
});
</script>

HTML部分

<form id="inserirtextarea" action="#" method="post"> 
  <p>
    <select name="drop1" id="drop1">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
    <select name="drop2"  id="drop2">
      <option value="a">a</option>
      <option value="b">b</option>
      <option value="c">c</option>
    </select>
    <textarea name="txta" id="txta" cols="20" rows="5"></textarea>
    <input name="btinsert" type="submit" />
</form>

如果有人尝试过类似的话请感谢任何帮助,请指出正确的方向

1 个答案:

答案 0 :(得分:1)

试试这个,

$('<select>').html($('#drop1').html()+$('#drop1').html()).appendTo('#inserirtextarea');

Fiddle Demo