一個HTML Select元素

-2

的選擇的選項在我的HTML設置顏色，我有很多<option>元素<select>。我想用jQuery來檢查每個選項的值對應一個Javascript變量。如果一個匹配，我想設置該選項的顏色。我會怎麼做？一個HTML Select元素

2016-11-21 Yao

告訴我們你有什麼到目前爲止已經試過。 –

如果我從你的需求的理解，你應該嘗試以下，

var yourVar = 1; //consider your expected value; 
$(document).on('change', '#selectId', function(){ 

    var currentValue = $(this).val(); 
    if(yourVar == currentValue) 
    { 
     //apply your colour logic 
    } 
});

來源

2016-11-21 10:06:04 ScanQR

如果它只是一個普通的HTML列表，而不是一個jQuery UI之一，那麼這一切：

var found = $('#cars option[value="saab"]');//Search for 'saab' value 
 
found.css("color","red");//Set color as red

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select id="cars"> 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
</select>

來源

2016-11-21 10:07:34

如果值是數組，例如我想爲沃爾沃和薩博選項設置紅色，我應該如何使用每個選項？ – Yao

@Yao，做到這一點的一種方式是通過'$（ '＃汽車選項[值= 「薩伯」]，[值= 「沃爾沃」]'）;'或檢查http://stackoverflow.com/questions/26301547/jquery的選元素按值從 - 陣列的值 –

你能趕上你從jQuery的選擇的選項，從$(select).find('option:selected')，另一種方式是$(select).val()（它會返回select的值）。

但樣式選擇元素是不可能的，這結帳link

來源

2016-11-21 10:08:27

一個HTML Select元素

回答

相關問題