2011-09-27 65 views
0

我有兩個項目(行)在列表框中如何使用jQuery或JavaScript

我喜歡用jQuery 我喜歡與JavaScript來的工作合作,改變文字顏色

我有文本框和按鈕,當我在文本框中輸入愛時,我點擊按鈕,我需要循環播放此列表框來查找文本愛並改變愛文本顏色?變黃。

謝謝

+0

可能重複[如何使用jQuery使用改變文字顏色(http://stackoverflow.com/questions/7574860/how-to-change-the-text-color-using-jQuery) –

+1

和你目前的代碼是什麼? –

+0

這是我正在嘗試查找文本的當前代碼。 $(「#lstCodelist option」)。each(function(){ //我不知道我在這裏寫什麼? }); – user957178

回答

1

首先,jQuery是javascript,它是用javascript編寫的庫。

所以,如果我理解你的問題,你有你的第3個互動元素:

  • 包含單詞列表的列表框中
  • 用戶輸入一個單詞的文本字段
  • 供用戶在寫入文本時點擊的按鈕。

而且您希望在用戶單擊按鈕時更改顏色選項。 爲thsi代碼將是這樣的:

$("#mybutton").click(function(){ 
    var text = document.getElementById("mytextinput").value 
    $("#lstCodelist option").each(function(){ 
    if(this.text()===text) 
     this.css('color':'yellow'); 
    }); 

}); 

這是發生了什麼:

  • 線1:我定義了一個單擊處理按鈕被點擊時。第2行:我從文本框中獲取文本,我使用getElementById來避免使用jQuery的開銷,因爲它簡單易行
  • 第3行:我遍歷列表中的每個項目。
  • 第4行:如果文本框中的字符串等於選項中的文本:
  • 第5行,更改列表選項的css屬性。

所以不,這不影響文本,它只編輯css。

+0

這是要拆分每個字符串並將改變該字符串的文本它自己? – user957178

+0

我發佈了我的代碼的解釋。 – bigblind

+0

謝謝弗雷德裏克,請你檢查一下我編輯過的帖子。 – user957178