页面加载时的颜色背景<select>

时间:2017-07-02 17:24:00

标签: javascript php

我有100多个基于表数据填充的选择/选项框。我根据选择的选项选择了颜色(即&#39;可用&#39;是蓝色,&#39;不可用&#39;是红色)。 但是,当页面加载时,SELECT框保持白色。关于我使用的颜色变化: &LT;脚本&GT; function setBg(sel){   sel.style.backgroundColor = sel.options [sel.selectedIndex] .style.backgroundColor; } &LT; /脚本&GT; function display_day($ day,$ current_status,$ list_of_statuses) {     echo&#34;&lt; select name =&#34; 。 $ day。&#34; [] onChange = \&#34; setBg(this)\&#34;&gt;&#34 ;;     if(!$ current_status)     {         echo&#34;&lt; option disabled selected selected&gt; - 选择一个选项 - &lt; / option&gt;&#34 ;;     }     foreach($ list_of_statuses as $ key =&gt; $ row)     {         echo&#34;&lt; option value =&#39;&#34; 。 $ row [&#39; status&#39;]。 &#34;&#39;&#34 ;;         echo&#34; style = \&#34; color:&#34; 。 $ row [&#39; fg_color&#39;]。 &#34 ;;背景颜色:&#34; 。 $ row [&#39; bg_c​​olor&#39;]。 &#34; \&#34;&#34 ;;         if($ row [&#39; status&#39;] == $ current_status)         {             echo&#34;选定= \&#34;选择\&#34;&#34 ;;         }         echo&#34;&gt;&#34; 。 $ row [&#39; status&#39;]。 &#34;&LT; /选项&GT;&#34 ;;     }     echo&#34;&lt; / select&gt;&#34 ;; } 这显然只会在SELECT更改时改变颜色。我尝试使用onload,但这没有用。任何想法如何从MySQL数据库中提取数据时加载SELECT颜色。

1 个答案:

答案 0 :(得分:1)

您不需要WIA.ImageFile,您可以像执行选项一样执行此操作,只需添加onload

不是回显HTML代码,而是将其保存在字符串变量中,并在循环后回显变量。首先将循环保存到变量,并使用单独的变量在style="background-color"时保存活动颜色。然后在循环之后,使用颜色变量中的颜色添加$row['status'] == $current_status,然后添加结束<select ...,然后回显结果。

这是一个快速代码(未经测试,因此您可能需要修改):

</select>