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