如何根据输入的值在html中添加fontawesome图标

Question

抱歉，如果我的问题看起来很愚蠢，因为我是个新手。

我遇到了以下问题。

我需要根据“if”定义的非常简单的条件添加一个很棒的图标作为输入文本的内容，如下所示：

来自js文件：

if (eval(form.current_weather.value)==1) { tag_box = HERE_I_need_to_place_a_fontawesome_icon1; } 
else if (eval(form.current_weather.value)==2) { tag_box = HERE_I_need_to_place_a_fontawesome_icon2; } 
else {  tag_box1 = ""; }

来自 html 代码：

Weather <select name="current_weather">
<option value="1">Rainy</option>
<option value="2">Cloudy</option>
<option value="3">Sunny</option>
</select>

我有变量 current_weather，它是从 html 的下拉列表中选择的。然后，根据从此下拉列表中选择的条目，变量 tag_box 将显示不同的 fontawesome 图标（#1 或 #2）或不显示图标。

我真的不知道如何实现这一目标。我花了几个小时试图理解 javascript 并使用类、remove.class 等进行测试，但完全失败了。

有人可以帮我解决这个问题吗，至少给我一些建议。我更愿意使用 PHP，但 get 和 post 函数不会返回任何实际上显而易见的内容。

提前致谢。

问候。

Answer 1

请提供屏幕截图或其他内容，以便更容易理解您的问题