我有一份表格。在此表单中包含文本区域和下拉字段。当我从此下拉列表中选择多个选项时，值将显示在该文本区域内，当我从下拉列表中取消选择选项时，它们将从文本区域中删除。但现在我的问题是，当我编辑或添加内容到此文本区域后，我无法使用用户输入的数据将选定的值添加到此文本区域。
我想将 textarea 内容视为输入的文本 + 选定的值。
这怎么可能？
我的代码在这里:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>val demo</title>
<style>
p {
color: red;
margin: 4px;
}
b {
color: blue;
}
</style>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<textarea id="test"></textarea>
<select id="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select>
<script>
function displayVals() {
var singleValues = $( "#single" ).val();
var multipleValues = $( "#multiple" ).val() || [];
$( "#test" ).val( multipleValues.join( ", " ) );
}
$( "select" ).change( displayVals );
displayVals();
</script>
</body>
</html>
最佳答案
试试这个:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>val demo</title>
<style>
p {
color: red;
margin: 4px;
}
b {
color: blue;
}
</style>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<textarea id="test"></textarea>
<div id="result"></div>
<select id="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select>
<script>
function displayVals() {
// $( "#test" ).val() = '';
var singleValues = $( "#test" ).val();
var multipleValues = $( "#multiple" ).val() || [];
$( "#result" ).html(singleValues+' '+ multipleValues.join( ", " ) );
}
$( "select" ).change( displayVals );
displayVals();
</script>
关于javascript - 根据所选值更改文本区域内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20797753/