<select language="javascript" id="myID" onmouseout="myFunction()"
<option value="0000">aaaaaaaaa</option>
<option value="1111">bbbbbbbbbb</option>
<option value="2222">cccccccccccccc</option>
</select>
Перехват значению value c помощью onmouseout, Получить value когда двигает мышь
Имеется стандартный select, типа:
Как можно в функцию передать значения value именно того над которым проходит мышь?
Например, если пользователь двигает мышь над первым выбором, 0000, если над вторым то 1111.
Попробовал вот так:
Ну конечно выходит выбранная опция. А нужно та, над которой пользователь проводит мышью.
Как можно это сделать?
Код:
Как можно в функцию передать значения value именно того над которым проходит мышь?
Например, если пользователь двигает мышь над первым выбором, 0000, если над вторым то 1111.
Попробовал вот так:
Код:
function myFunction()
{
alert(document.Form1.ddlAddProduct.value);
}
{
alert(document.Form1.ddlAddProduct.value);
}
Ну конечно выходит выбранная опция. А нужно та, над которой пользователь проводит мышью.
Как можно это сделать?
<select language="javascript" id="myID">
<option value="0000" onmouseout="myFunction(this)">aaaaaaaaa</option>
<option value="1111" onmouseout="myFunction(this)">bbbbbbbbbb</option>
<option value="2222" onmouseout="myFunction(this)">cccccccccccccc</option>
</select>
function myFunction(get_select)
{
alert(get_select.value);
}
<option value="0000" onmouseout="myFunction(this)">aaaaaaaaa</option>
<option value="1111" onmouseout="myFunction(this)">bbbbbbbbbb</option>
<option value="2222" onmouseout="myFunction(this)">cccccccccccccc</option>
</select>
function myFunction(get_select)
{
alert(get_select.value);
}
Спасибо, так и сделал.
Можно сделать как предложил Xupypr: навеска на каждый элемент обработчика события, а можно использовать перехват событий:
В любом случае в тупом IE мы не получим ожидаемого результата.
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Тест</title>
<script type="text/javascript">
display = new Object;
function ini() {
var element = document.getElementById('myID');
display = document.getElementById('display');
(element.attachEvent) ? element.attachEvent('onmousemove', handleMouseMove) : element.addEventListener('mousemove', handleMouseMove, false);
}
function handleMouseMove(event) {
var element = event.target || event.srcElement;
display.innerHTML = element.value;
}
</script>
</head>
<body onload="ini()">
<div id="display"></div>
<select id="myID">
<option value="0000">aaaaaaaaa</option>
<option value="1111">bbbbbbbbbb</option>
<option value="2222">cccccccccccccc</option>
</select>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Тест</title>
<script type="text/javascript">
display = new Object;
function ini() {
var element = document.getElementById('myID');
display = document.getElementById('display');
(element.attachEvent) ? element.attachEvent('onmousemove', handleMouseMove) : element.addEventListener('mousemove', handleMouseMove, false);
}
function handleMouseMove(event) {
var element = event.target || event.srcElement;
display.innerHTML = element.value;
}
</script>
</head>
<body onload="ini()">
<div id="display"></div>
<select id="myID">
<option value="0000">aaaaaaaaa</option>
<option value="1111">bbbbbbbbbb</option>
<option value="2222">cccccccccccccc</option>
</select>
</body>
</html>
В любом случае в тупом IE мы не получим ожидаемого результата.
"В любом случае в тупом IE мы не получим ожидаемого результата."
Винда была б хорошей операционкой, если б туда не встраивали браузер =)
Винда была б хорошей операционкой, если б туда не встраивали браузер =)
Ой, спасибо!
Сижу, разбираю код, но, похоже, то, что нужно.
Сижу, разбираю код, но, похоже, то, что нужно.