Javascript 文本区域是否将复选框写入下拉菜单?

Javascript 文本区域是否将复选框写入下拉菜单?,javascript,java,jquery,html,css,Javascript,Java,Jquery,Html,Css,我用它来让它写在文本框中,但是我想用一个下拉菜单来代替选择选项,所以一旦选择了一个选项,它就会写在文本框中。另外,我如何让它写在新行上而不是替换当前文本 <div class="container" id="form"> <h2 for="test">test: </h2> <div id="test"> <div class="checkbox"> <input type

我用它来让它写在文本框中,但是我想用一个下拉菜单来代替选择选项,所以一旦选择了一个选项,它就会写在文本框中。另外,我如何让它写在新行上而不是替换当前文本

<div class="container" id="form">
     <h2 for="test">test: </h2>
     <div id="test">
        <div class="checkbox">
           <input type="checkbox" value="passed" id="cb1" />
           <label for="cb1">passed</label>
        </div>
        <div class="checkbox">
           <input type="checkbox" value="failed" id="cb2" />
           <label for="cb2">failed</label>
        </div>
        <div class="checkbox">
           <input type="checkbox" value="not required" id="cb3" />
           <label for="cb3">not required</label>
        </div>
     </div> 
     <textarea id="result"></textarea>
  </div>

  <!-- website javascript -->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
  <script type="text/javascript">
  $('#form').change(function() {

     // test
     var test = 'test: ';
     $('#test input:checked').each(function() {
        test += $(this).val() + ', ';
     });
     var test = test.replace(/,(\s+)?$/, '') + "\n";

     // write the result.
     $('#result').val(test);

  });
  </script>
$(document).ready(function(){
      $('select').on('change', function() {
         var test = $( '#result' ).val() + '\n' + this.value;          
         $('#result').val(test) ;
    });
}); 

测试:
通过
失败
不需要的
$('#form')。更改(函数(){
//试验
var test='test:';
$(“#测试输入:选中”)。每个(函数(){
test+=$(this.val()+',';
});
var测试=测试。替换(/,(\s+)?$/,'')+“\n”;
//写出结果。
$('结果').val(测试);
});

您显示的代码是好的,您只会将它放在错误的位置
\n
,必须将它改为逗号
,它将修复特征线

$(document).ready(function(){
      $('select').on('change', function() {
         var test = $( '#result' ).val() + '\n' + this.value;          
         $('#result').val(test) ;
    });
}); 
因为下拉列表是一样的:

$(document).ready(function(){
      $('select').on('change', function() {
         var test = $( '#result' ).val() + '\n' + this.value;          
         $('#result').val(test) ;
    });
}); 

$(document).ready(function(){
      $('select').on('change', function() {
         var test = $( '#result' ).val() + '\n' + this.value;          
         $('#result').val(test) ;
    });
});