javascript - 如何为 jquery 变量提供粗体样式

标签 javascript jquery html css

<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">&nbsp;</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,我想为该变量添加粗体样式以突出显示这些值,请提出解决方案。

我想知道如何为附加文本添加样式。

最佳答案

在追加之前为变量中的文本提供

关于javascript - 如何为 jquery 变量提供粗体样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55875364/

相关文章:

javascript - 有没有一种很好的方法可以使用 Vue 路由器将 props 传递给父组件?

javascript - extjs 4.1.3 Ext.override 列未执行

javascript - sencha touch 中的切换和动画

JavaScript - 当窗口低于 750px 时添加一个类;

javascript - 将多个 url 中的 "."替换为 [dots] 字符串

javascript - Kendo UI Web Grid - Popup_Editor 模板 - 下拉列表

jquery - Kendo UI Angular2/4 富文本编辑器

html - 将字符对齐到html中的固定宽度

javascript - 图像在轮播中组合

javascript - 固定按钮在滚动后停止工作