代码之家  ›  专栏  ›  技术社区  ›  farah el agha

使用javascript将html+文本添加到提交类型的输入中

  •  0
  • farah el agha  · 技术社区  · 6 年前

    我正在使用smartsearchbox Web部件,并使用javascript添加其提交输入的文本值,如下所示:

    $("#p_lt_ctl02_pageplaceholder_p_lt_ctl03_SmartSearchBox1_btnSearch").val('{%GetResourceString("search")%}');
    

    现在,我想使用fontawesome库在值后面附加一个搜索图标,如何使用javascript实现这一点?

    2 回复  |  直到 6 年前
        1
  •  0
  •   Jason G.    6 年前

    您可以使用图标的unicode版本来完成。您还需要添加“fa”类,除非您已经通过其他样式/类或方法应用了fontawesome字体系列:

    $("#p_lt_ctl02_pageplaceholder_p_lt_ctl03_SmartSearchBox1_btnSearch").addClass("fa").val("\uf002 {%GetResourceString("search")%}");

    解决方案基于 Font-awesome, input type 'submit'

    请参阅此答案,以了解是否可能添加自定义类,而不是使用“fa”,从而防止您的站点字体被按钮文本覆盖 https://stackoverflow.com/a/11703274/1435302

        2
  •  0
  •   Binary    6 年前

    可以使用value属性设置按钮文本,如下所示

    $("#p_lt_ctl02_pageplaceholder_p_lt_ctl03_SmartSearchBox1_btnSearch").value = '{%GetResourceString("search")%}';