文本区域写入复选框下拉菜单

TextArea writing checkbox to drop down menu?

本文关键字：复选框 下拉菜单 区域 文本      更新时间：2023-09-26

我用这个来让它写在文本框中，但是我想使用下拉菜单，而不是检查选项，所以一旦选择了一个选项，它就会写在文本框中。此外，我如何使它写在新的行，而不是替换当前的文本?

<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>

你显示的代码是好的，你只是把它放在错误的地方'n，它必须放在逗号,，它会修复断点。

对于下拉菜单也是一样的:

$(document).ready(function(){
      $('select').on('change', function() {
         var test = $( '#result' ).val() + ''n' + this.value;          
         $('#result').val(test) ;
    });
});
https://jsfiddle.net/y52bxv51/1/

相关文章：