Когда я использовал многочастотную выпадающую коробку, которую я написал в прошлый раз, я нашел много проблем. После модификации и улучшения его теперь можно хорошо использовать и обладать хорошей портативностью. Ниже приведен исходный код.
младший
Кода -копия выглядит следующим образом:
(function () {
$ .fn.extend ({
checks_select: function (options) {
jq_checks_select = null;
$ (this) .val ("---, пожалуйста, выберите ---");
$ (this) .next (). ement (); // ясно сначала
$ (this) .UnBind ("Щелкни");
$ (this) .click (function (e) {
jq_check = $ (это);
//jq_check.attr("class "," ");
if (jq_checks_select == null) {
jq_checks_select = jq_check.next ();
jq_checks_select.addclass ("checks_div_select");
// jq_checks_select = $ ("<div class = 'checks_div_select'> </div>"). insertafter (jq_check);
$.
check_div = $ ("<div> <input type = 'fackbox' value = '" + n + "'>" + n + "</div>"). AppendTo (jq_checks_select);
check_box = check_div.children ();
check_box.click (function (e) {
//JQ_CHECK.ATTR("VALUE", $( Это ).attr("Value "));
temp = "";
$ (this) .parents (). Найти ("Вход: проверен"). Каждый (функция (i) {
if (i == 0) {
temp = $ (this) .val ();
}еще{
temp+= ","+$ (this) .val ();
}
});
// warer (temp);
jq_check.val (temp);
e.stoppropagation ();
});
});
jq_checks_select.show ();
}еще{
jq_checks_select.toggle ();
}
e.stoppropagation ();
});
$ (документ) .click (function () {
flag = $ ("#test_div");
if (flag.val () == "") {
flag.val ("--- Пожалуйста, выберите ---");
}
jq_checks_select.hide ();
});
// $ (this) .blur (function () {
//jq_checks_select.css("visibility","hidden ");
//тревога();
//});
}
})
}) (jQuery);
HTML
Кода -копия выглядит следующим образом:
<html>
<голова>
<script type = "text/javascript" src = "js/jquery.js">
</script>
<script type = "text/javascript" src = "js/jquery_mutili.js">
</script>
<script language = "javascript">
$ (document) .ready (function () {
var options = {
1: «Первый выбор»,
2: «Второй вариант»,
3: «Третий вариант»,
4: "Четвертый вариант",
5: "Пятый вариант",
6: «Шестой вариант»
};
$ ("#test_div"). checks_select (options);
});
</script>
<style>
.CHECKS_DIV_SELECT {
Ширина: 150px;
фоновый цвет: #e9fbfb;
Граница: 1PX SOLIT #18CBCD;
Фонд-семья: «Вердана», «Стиль песни»;
размер шрифта: 12px;
позиция: абсолютно;
Слева: 2px;
Верх: 25px;
}
</style>
</head>
<тело>
<div style = "позиция: относительно;">
<input type = "text" id = "test_div" readonly = "readonly"/>
<div> </div>
</div>
</body>
</html>