javascript - 如何为jquery变量赋予粗体样式
问题描述
<div class="col-md-5 formdiv">
<h4 class="form-title1">Private Comment Generator</h4>
<form id="form" class="private-comments-form">
<div class="row">
<div class="col-xs-6 form-group">
<label for="sel1">Vendor :</label>
<input class="form-control" type="text" style="font-weight:bold;" id="textbox3" />
</div>
<script>
$(document).ready(function() {
$("#commentscopyBtn").click(function() {
var ven =$("#textbox3").val();
var prod =$("#textbox4").val();
var text = "Thank you for " + $("#textbox3").val() + " " ;
text += $("#textbox4").val() + "\ you can call into our support line." ;
$("#output").val(text);
});
$('#btn').click(function() {
/*Clear textarea using id */
$('#output').val('');
/*Clear all input type="text" box*/
$('#form input[type="text"]').val('');
});
});
</script>
<div class="col-xs-6 form-group">
<label for="sel1">Product :</label>
<input class="form-control" type="text" style="font-weight:bold;" id="textbox4"/>
</div>
<div class="col-xs-6 form-group">
<label for="sel1"> </label>
<input class="form-control js-textareacopybtn" id="commentscopyBtn" type="button" value="Get Content" />
</div>
<div class="col-xs-12 form-group">
<label for="sel1">Copy Content :</label>
<textarea class="col-xs-12 js-copytextarea" id="output" name="textarea" ></textarea>
</div>
<div class="col-xs-12 form-group">
<input type="button" class="reset " id="btn" value="Reset" />
</div>
</div>
</form>
</div>
在这里,我将文本字段中的值附加到 TextArea,我想为该变量添加粗体样式以突出显示这些值,请提出解决方案。
我想知道如何为附加文本添加样式。
解决方案
在附加之前为变量中的文本提供 <b>
推荐阅读
- javascript - 脱咖啡因:双括号
- java - 如何一次调用两个参与者,即并行?
- c# - 如何检查是否在 Windows 设备上启用了自动日期时间设置?
- css - Angular mat-table:是否可以按列合并单元格?
- python - 使用 Django 转到另一个页面时,如何在 URL 中保留一部分查询字符串?
- go - Go Tour 练习:Web Crawler - 所有 goroutine 都处于休眠状态 - 死锁
- oracle - 我可以在光标中使用 BFILENAME 来处理多个图像吗?
- sql - How to get unique combinations
- symfony - 如何使用 twig 中的排序过滤整数
- html - ipad safari 中跨度的单击事件