MVC DropdownlistFor не получает выбранное значение из модели [дубликат]

Обновить

В современных браузерах вам может понадобиться проверить API-интерфейс пересечения , который обеспечивает следующие преимущества:

• Лучшая производительность чем прослушивание событий прокрутки
• Работает в кросс-доменных iframe
• Может определить, что элемент препятствует / пересекает другой

Intersection Observer находится на своем способ стать полноправным стандартом и уже поддерживается в Chrome 51+, Edge 15+ и Firefox 55+ и находится в разработке для Safari. Существует также polyfill .

---

Предыдущий ответ

Есть некоторые проблемы с ответом , предоставленным Dan , который может сделать его непригодным для некоторых ситуаций. Некоторые из этих проблем указаны в его ответе в нижней части, что его код даст ложные срабатывания для элементов, которые:

• Скрыт другим элементом перед тестируемым
• Вне видимой области элемента parent или ancestor
• Элемент или его дочерние элементы скрыты с помощью свойства CSS clip

Эти ограничения демонстрируются в следующих результатах простого теста :

[/g11]

Решение: isElementVisible()

Вот решение этих проблем, с приведенным ниже результатом теста и объяснением некоторых частей кода.

function isElementVisible(el) {
    var rect     = el.getBoundingClientRect(),
        vWidth   = window.innerWidth || doc.documentElement.clientWidth,
        vHeight  = window.innerHeight || doc.documentElement.clientHeight,
        efp      = function (x, y) { return document.elementFromPoint(x, y) };     

    // Return false if it's not in the viewport
    if (rect.right < 0 || rect.bottom < 0 
            || rect.left > vWidth || rect.top > vHeight)
        return false;

    // Return true if any of its four corners are visible
    return (
          el.contains(efp(rect.left,  rect.top))
      ||  el.contains(efp(rect.right, rect.top))
      ||  el.contains(efp(rect.right, rect.bottom))
      ||  el.contains(efp(rect.left,  rect.bottom))
    );
}

Тест прохождения: http://jsfiddle.net/AndyE / cAY8c /

И результат:

[/g12]

Дополнительные примечания

[ Однако этот метод не лишен собственных ограничений. Например, проверяемый элемент с более низким z-индексом, чем другой элемент в том же месте, будет идентифицирован как скрытый, даже если элемент впереди фактически не скрывает какой-либо его части. Тем не менее, этот метод имеет свои применения в некоторых случаях, когда решение Дэна не распространяется.

Оба element.getBoundingClientRect() и document.elementFromPoint() являются частью спецификации рабочего проекта CSSOM и поддерживаются, по крайней мере, в IE 6 и позже и большинство настольных браузеров в течение длительного времени (хотя и не совсем). См. Quirksmode для этих функций для получения дополнительной информации.

contains() используется, чтобы увидеть, является ли элемент, возвращаемый document.elementFromPoint() дочерним узлом тестируемого элемента для видимость. Он также возвращает true, если возвращаемый элемент является одним и тем же элементом. Это просто делает проверку более надежной. Он поддерживается во всех основных браузерах, Firefox 9.0 является последним из них, чтобы добавить его. Для более старой поддержки Firefox проверьте историю этого ответа.

Если вы хотите проверить больше точек вокруг элемента для видимости, т. Е. Убедиться, что элемент не покрыт более, чем, скажем, 50% это не займет много времени, чтобы отрегулировать последнюю часть ответа. Однако имейте в виду, что это, вероятно, будет очень медленным, если вы проверили каждый пиксель, чтобы убедиться, что он был на 100% видимым.