問題是我正在使用Laravel Form :: select()并選擇子優(yōu)先級(jí)。每個(gè)子優(yōu)先級(jí)都有背景顏色。因此,我為檢查ID和目標(biāo)的每個(gè)樣式都設(shè)置了一種樣式,因此我的想法是擁有一個(gè)腳本,當(dāng)在下拉列表中選擇了當(dāng)前選項(xiàng)時(shí),該腳本會(huì)更改表單的目標(biāo)。但是我似乎無法讓javascript在發(fā)生更改時(shí)運(yùn)行,或者如果發(fā)生更改,就無法更改目標(biāo)。我嘗試使用jquery,ajax,javascript并創(chuàng)建與優(yōu)先級(jí)框運(yùn)行的腳本類似的腳本,但似乎沒有任何效果。<style> #sub[target="65"]{ background-color: #006600; color: white; } #sub[target="66"]{ background-color: #99ff66; color: white; } #sub[target="67"]{ background-color: #bbff99; color: white; } #sub[target="68"]{ background-color: #ffff99; color: white; } #sub[target="69"]{ background-color: #ffff80; color: black; } #sub[target="70"]{ background-color: #ffff00; color: white; } #sub[target="71"]{ background-color: #ff944d; color: white; } #sub[target="72"]{ background-color: #ff751a; color: white; } #sub[target="73"]{ background-color: #ff6666; color: white; } #sub[target="74"]{ background-color: #800000; color: white; }</style>{!! Form::select('subpriority', [65=>'A',66=>'B',67=>'C',68=>'D',69=>'E',70=>'F',71=>'G',72=>'H',73=>'I',74=>'J'], 69, [ 'class' => 'form-control', 'id'=> 'sub', 'target'=>'69' ]); !!}<script> $(#sub).change(function(){ $(#sub).setAttribute('target', $(#sub).val()); });</script>因此,我希望它僅在選擇新選項(xiàng)時(shí)更改選擇表單的背景顏色。現(xiàn)在,它已將其正確設(shè)置為#sub [target =“ 69”]的樣式,但是目標(biāo)沒有改變,或者樣式?jīng)]有隨目標(biāo)改變。因此,下拉框以字母E開頭為黃色。如果我更改為A,則背景色應(yīng)更改為綠色。其他選項(xiàng),依此類推。
我如何有一個(gè)form :: select運(yùn)行腳本來更改目標(biāo),以便每次選擇不同的選項(xiàng)時(shí)樣式都會(huì)更改?
不負(fù)相思意
2021-04-12 09:13:40