Đổi màu chữ từ Dropdown List

Một ví dụ đơn giản thay đổi màu chữ của thẻ <p>. Ví dụ này sử dụng một danh sách màu từ thành phần <select>. Và người dùng chỉ việc Chọn màu từ một Drop down list.

Đây là một ví dụ đơn giản của DHTML, sử dụng getElementById Method để lấy dữ liệu từ một thành phần cùng với id duy nhất.

Lựa chọn một màu để thay đổi màu của dòng chữ trên: Đen Hồng Đỏ Đỏ đậm Xanh Xanh đậm Lá Cây Lá Cây Đậm

Source Code:

<script language="javascript"> function changeTDColor(){ var selectOpt = document.getElementById('color'); var td = document.getElementById('content'); td.style.color = selectOpt.options[selectOpt.selectedIndex].value; } </script> <div id="content">Đây là một ví dụ đơn giản của DHTML, sử dụng getElementById Method để lấy dữ liệu từ một thành phần cùng với id duy nhất.</div> Lựa chọn một màu để thay đổi màu của dòng chữ trên: <select name="color" id="color" onchange="changeTDColor()"> <option value="">Đen <option value="#bc0fc1">Hồng <option value="#FF0000">Đỏ <option value="#800000">Đỏ đậm <option value="#0000FF">Xanh <option value="navy">Xanh đậm <option value="#00ff00">Lá Cây <option value="#008000">Lá Cây Đậm </select>

Submit Article :- Digg + Technorati + del.icio.us + Stumbleupon + Reddit + BlinkList + Furl + Yahoo+ Blogmarks + Ekstreme Socializer

|