Опция наведения мыши для IE - PullRequest
Новая
       8

Опция наведения мыши для IE

5 голосов
/ 27 ноября 2010

Я использую IE7. Я хочу, чтобы показывать описание на странице для каждого параметра в поле выбора, когда указатель мыши находится над параметром. Для начала я написал код, который показывает значение параметра в текстовом поле, когда мышь находится над параметром. Но это никогда не работает. Это работает как будто событие изменения. 

<input name="selectedValue" id="selectedValue" >
<select id="TestCombo" name="TestCombo" >
     <option value="0" selected="selected">Zero</option>    
 <option value="1">One</option>
 <option value="2">Two</option>
 <option value="3">Three</option>
</select>

<script type="text/javascript">
$( function() {
    $('#TestCombo option').mouseover( function() {
          $('#selectedValue').val($('#TestCombo option:selected').val());
    });
});
</script>

Заранее спасибо

Ответы [ 3 ]

1 голос
/ 29 сентября 2011

То, что вы пытаетесь сделать, не является стандартной веб-практикой.Я не говорю, что это неправильно, я понимаю, почему вы хотите сделать что-то подобное.Я думаю, что ваш ответ состоит в том, чтобы не беспокоиться о элементе управления select и попытаться найти или спроектировать элемент управления, который вместо этого работает с элементами ввода, и имитировать то, что делает select.Это не будет так сложно, и в конце вы, вероятно, получите больший контроль и кросс-браузерные возможности.

1 голос
/ 01 октября 2011

Я бы использовал какой-нибудь плагин (например, этот ), который является кросс-браузерно-совместимым и манипулирует ul, чтобы выглядеть как select.

К сожалению, IE бросил мяч на select элементах и ​​практически не контролирует их.

1 голос
/ 27 ноября 2010

Если вы хотите, чтобы описание отображалось при наведении курсора , а не при change , я думаю, что лучше использовать всплывающие подсказки. Это можно сделать с помощью атрибута HTML title, JS не требуется.

Пример: 

<input name="selectedValue" id="selectedValue">
<select id="TestCombo" name="TestCombo" >
  <option title="Nothing." value="0" selected="selected">Zero</option>    
  <option title="The smallest number that has a meaning." value="1">One</option>
  <option title="Look, another small number!" value="2">Two</option>
  <option title="RGB - Red-Green-Blue. That's three colors!" value="3">Three</option>
</select>
...