2011-05-25 67 views
-2

我如何選擇下拉列表?選擇時,我想選擇一個項目的CSS。下拉列表換

感謝 克里斯

+5

你必須提供一些更多的信息。至少讓我們看看你的'select'元素的標記(最好是它的父'form'元素)。如果你可以解釋當你選擇'select'中的'option'時你想要發生什麼,這也會有所幫助。你能提供一個[JS小提琴演示](http://jsfiddle.net/)?而且,同樣重要的是,「當選擇它將選擇所選項目的CSS」時,你是什麼意思? – 2011-05-25 19:18:06

+0

http://jsfiddle.net/chrismhodges/GmjAL/ – 2011-05-25 19:40:32

+0

此外,選擇選項,我想選擇每個不同的項目的CSS,你明白我的意思?> – 2011-05-25 19:41:09

回答

0

這真的不是那麼困難。如果選擇值1,則下面的示例會將id = itemtochange的項目上的文本更改爲紅色,否則將更改爲藍色。有一百萬種不同的變化,但你得到的照片。

您的選擇框:

<select id="selectbox"> 
    <option value="value1">Val 1</option> 
    <option value="value2">Val 2</option> 
</select> 

而且Jquery的:

`<script type="text/javascript"> 
    $('#selectbox').change(function() { 
     if $('#selectbox').val() == 'value1' { 
     $('#itemtochange').css("color","red"); 
     } else { 
     $('#itemtochange').css("color","blue"); 
     } 
    }); 
</script>` 
+0

會,這與arshaws fullcalendar互動?我已經完全建立並實施了減去數據庫和一些錯誤。 – 2011-05-25 20:15:08

+0

@chris,Dom是Dom,不管與它有什麼相互作用。和所有jQuery一樣,確定你想要調整的元素,找到正確的選擇器,然後調整。如果你希望得到具體寫的代碼,我們可以討論我的諮詢率.... – bpeterson76 2011-05-25 20:25:47

+0

還做你只好去其他地方使用,如果你有關於10個不同的選擇? – 2011-05-25 20:27:16