gpt4 book ai didi

javascript - TextArea 写复选框下拉菜单?

转载 作者:行者123 更新时间:2023-11-28 16:57:58 25 4
gpt4 key购买 nike

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

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

关于javascript - TextArea 写复选框下拉菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31767324/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com