使用javascript将html + text添加到提交类型提交

Question

我正在使用smartsearchbox webpart，我正在使用javascript添加其提交输入的文本值，如下所示：

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

现在我想使用fontawesome库追加一个搜索图标的值，我怎么能用javascript实现呢？

Answer 1

您可以使用value属性将按钮文本设置为以下

{{1}}

Answer 2

您可以使用图标的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