Появление выпадающего списка в определенном месте

@WisesT · Регистрация: 15.12.2011

Author24 — интернет-сервис помощи студентам

Добрый день!
Прошу не кидаться тапками за следующий ~~говно~~код

HTML5

<td colspan="2" class="td_otp" >Организация
    <input type="text" id="organ_otp"  name="organ_otp"/>
    <div id="bb">
    <select id="list"></select>
    </div></td>

Обьясню. Таблица. В ней ячейка. В ячейке DIV. В DIVe ~~яйцо~~ выпадающий список (селект).
Когда пользователь вводит 3 символа в инпут, срабатывает скрипт, который ищет похожего клиента в базе и предлагает варианты в выпадающем списке. (Если нужно - этот код тоже выложу).

Беда в том, что выпадающий список появляется черт знает где, а хотелось бы что б под инпутом. Или где-то рядом.

Возможно такое?

Спасибо!

Добавлено через 7 минут
Спустил ДИВ вообще за пределы таблицы (не нравилось что в ячейке с дивом пустая строчка добавляется). Список стал появляться чуть пониже, но все-равно плохо.

@Fedor92 · 06.11.2014, 17:54

Ваше произведение выглядит вот так... Собственно чего Вы хотите?

@WisesT · 06.11.2014, 17:56 **[ТС]**

нет нет) выпадающего списка по умолчанию не видно. А вот когда начинают вводить символы, появляется выпадающие варианты (<option></option> которые) но они формируются черт знает где. а мне нужно рядом с ячейкой

@Fedor92 · 06.11.2014, 17:59

Это уже js... Начальное свойство ячейки display:none, ну а потом событие повесить при вводе текста display:block...

@WisesT · 06.11.2014, 18:11 **[ТС]**

display:none для div или для select?

@Fedor92 · 06.11.2014, 18:12

Для select, чтобы его изначально не было видно...

@WisesT · 06.11.2014, 18:19 **[ТС]**

дык его и так не видно О_О

@Fedor92 · 06.11.2014, 18:23

Что значит не видно? Я же показал Вам скрин, то что обведено оранжевым цветом - это селект... Чтобы его убрать до того, как пользователь начнёт вводить данные нужен display:none... В принципе можно целиком с дивом...)))

@WisesT · 06.11.2014, 18:32 **[ТС]**

у меня, оказывается, скрипт автозаполнения, скрывает его.

Наверное лучше будет выложить побольше кода.
Ячейка таблицы в которой вносится клиент.

HTML5

1
2
3

<td colspan="2" class="td_otp" >Организация
    <input type="text" id="organ_otp"  name="organ_otp"/>
    </td>

class="td_otp" - только цвет ячейки

Дальше див с селектом в который вродь как должны выводится предлагаемые варианты

HTML5

1
2
3

<div id="bb">
    <select id="list"></select>
    </div>

цсс для них неписан.

Яваскрипт автозаполнения (внимание гразный код)

Javascript

window.onload = function(){
$("#list").hide()
vvv=$("#organ_otp");
vvv.keyup(function(){
if($("#organ_otp").val()==false){$("#list").hide()} // спрятать если строка пуста
var csymbol=$("#organ_otp").val()
if(csymbol.length>=3){
check();
            }
$("option.temp").remove()// удаление старых результатов
 })}
function check(){ 
t=$("#organ_otp").val()
$.ajax({
  type: "POST",
  url: "serv_ajax.php",
  data: {"namex":t},
  success: function(t){
      var reports = eval('('+t+')')
if(reports!="not"){
$('#list').show() 
} 
else { $('#list').hide()
$("option.temp").remove()
 }
    $('#list').attr("size",reports['count']+1)
for(var i=0; i<=reports['count']-1; i++) {
var tt="#"+i;
$("#list").append('<option id='+i+' class=temp>'+reports[i]["firma"]+'</option>')
 
$(".temp").hover(function(){$(this).css({"background-color":"#6087FF","color":"white"})},// эффект блур
function (){$(this).css({"background-color":"white","color":"black"})}) // снимаеться 
 
$(tt).click(function () {
  var countx=$(this).attr('id') // привязывает к ид и дополняет оставшиеся поля
  $("#firma").val(reports[countx]['firma'])
 $("#adress").val(reports[countx]['adress'])
  $("#tel").val(reports[countx]['tel'])
  $("#notes").val(reports[countx]['notes']) 
  if(reports[countx]['oplata']=='Нал'){// проставляет чек бокс по форме оплаты
$("#opl1").attr('checked','checked')}
  if(reports[countx]['oplata']=='Безнал'){
$("#opl2").attr('checked','checked')}
  if(reports[countx]['oplata']=='Выбрать'){
$("#opl3").attr('checked','checked')}
  $('#list').hide()
    })}}})};

ну и serv_ajax.php

PHP

<?php header('Content-Type: text/html; charset=UTF-8');
$_POST['namex'];
 
//echo $_POST['namex'];
if ($_POST['namex']!=NULL){
if (!function_exists('mb_ucfirst') && extension_loaded('mbstring'))// делает первую букву заглавной
{
    /**
     * mb_ucfirst - преобразует первый символ в верхний регистр
     * @param string $str - строка
     * @param string $encoding - кодировка, по-умолчанию UTF-8
     * @return string
     */
    function mb_ucfirst($str, $encoding='UTF-8')
    {
        $str = mb_ereg_replace('^[\ ]+', '', $str);
        $str = mb_strtoupper(mb_substr($str, 0, 1, $encoding), $encoding).
               mb_substr($str, 1, mb_strlen($str), $encoding);
        return $str;
    }
}
$firma=mb_ucfirst($_POST['namex']);
$firma=$_POST['namex'];
//echo $firma;
include("db_fns.php");
 /* [a-zA-Zа-яА-Я]*\s*\w */                                                                   
$j='SELECT * FROM clients WHERE firma REGEXP "[a-zA-Zа-яА-Я]*\s*\w*'.$firma.'[a-zA-Zа-яА-Я]*\s*\w*"';
//echo $j."<br>";
db_connect();
 
$a=mysql_query($j);
  // echo  mysql_errno() . ": " . mysql_error(). "\n";
//print_r($aa);
//echo mysql_num_rows($a);
$nn=mysql_num_rows($a);
if ($nn!=0){
//echo "количество строк--".$nn;
 for($i=0; $nn>=$i+1;$i++){ //echo "итерация--".$i; +1 потому что отчет идет с 0
 $aa=mysql_fetch_array($a, MYSQL_ASSOC);
 $js.="'$i':".json_encode($aa); // кодирует в JSONE
 } 
  $str='}';
 $js=str_replace ($str,'},', $js); // проставляет запятые
$cc="'count':'$nn'"; // подсчитывает количество затронутых строк в Mysql
//echo $cc;
 echo "{".$js.$cc."}";} // выводит строку
 else{ 
$er="not1";
$er= json_encode($er);
    echo  $er;  
} }  else {
$er="not22";
$er= json_encode($er);
echo  $er;  }
 
 
?>

@Fedor92 · 06.11.2014, 18:42

Всё верно изначально js прячет селект до заполнения... Испытайте вёрстку...

HTML5

<table>
<td  colspan="2" class="td_otp" style="border:5px solid red">Организация
    <input type="text" id="organ_otp"  name="organ_otp" style="border:5px solid blue"/>
    <div id="bb" style="border:5px solid green">
    <select id="list" style="width:100%;border:5px solid orange; "></select>
    </div></td>
</table>

Границы просто так для наглядности...

@WisesT · 06.11.2014, 18:46 **[ТС]**

div (Зеленый) находится под инпутом (это хорошо). Он не заполнен.
Когда ввожу клиента - предлагаемые варианты (оранжевое) оказывается на много выше и правее.

@Fedor92 · 06.11.2014, 18:49

Вообще я бы вам посоветовал в js заменить #list на #bb так селект будет появляться только вместе с дивом... И див вместе с селектом...

@WisesT · 06.11.2014, 18:57 **[ТС]**

ВООО!!! уже на много лучше. Выпадающий список появляется в той же ячейке. Только такое ощущение, что они под цветом заливки ячейки.

Добавлено через 2 минуты
А, стоп. Это див появляется. Его размер соответсвует колличеству вариантов из селекта. но сам селект все равно черт знает где.

Добавлено через 2 минуты
Еслия в ерно вижу, то ситуация така. при загрузке страницы все ок и на своих местах. Дива не видно, селекта тоже. При вводе символов появляется див. В НЕМ лежат пункты селекта (сами выпадайки), а верх селекта вообще отдельно.

@Fedor92 · 06.11.2014, 18:57

Ну это уже надо смотреть вёрстку страницы целиком - почему так получается... Поскольку я верстал только одну ячейку, а у Вас походу их там много...

Вот полный код...

HTML5

<table>
<td  colspan="2" class="td_otp" style="border:5px solid red">Организация
    <input type="text" id="organ_otp"  name="organ_otp" style="border:5px solid blue"/>
    <div id="bb" style="border:5px solid green">
    <select id="list" style="width:100%;border:5px solid orange; ">
        <option></option>
        <option>Груши</option>
        <option>Яблоки</option>
        <option>Помидоры</option>
    </select>
    </div></td>
</table>

Ладно поеду по-тихоньку домой(буду часа через 2), если появятся вопросы оставьте оффтопом, а может уже кто из форумчан поможет...

Опа... Догнал... такая тема по поводу селекта уже была, поскольку в хроме он смотрелся нормально а в лисе выпадайки вылезали за пределы... Киньте тогда весь код таблицы - я приеду поковыряемся...

@WisesT · 06.11.2014, 19:00 **[ТС]**

Тут где-то беда именно с селектом. так как <select> у нас формируется при создании страницы, а <option> уже через скрипт.

@Fedor92 · 06.11.2014, 19:04

Можно попробовать для селекта задать жёсткие размеры ширины и высоты, чтобы он не мог вылезти за пределы ячейки и дива как такового...

@WisesT · 06.11.2014, 19:07 **[ТС]**

Если Вам не сложно. Чесслово, два дня эксперементирую.

HTML5

<form action="" method="post" name="frt" id="add_form" >
    <table border="0">
    <tr>
        <td class="t2">На когда</td>
        <td>
            <input type="text" size="50" maxlength="10" name="na_kogda" id="na_kogda" value="<?php echo date('d-m-Y')?>"/>*<input type="checkbox" name="prioritet" value="1"/>Не Киев<br/>
        </td>
    </tr>
 
    <tr>
        <td class="t2">Готовность заказа</td>
        <td>
            <input type="text" size="50" maxlength="50" name="gotovnost" id="gotovnost"/>*
        </td>
    </tr>
 
    <tr>
        <td class="t2">Тариф</td>
        <td>
            <SELECT NAME="tarif"  id="tarif">
            
            <?php
            
                 $tarifs = get_tarifs();
            
                foreach($tarifs as $item):
            
            ?>
            
                <OPTION value="<?=$item['id']; ?>"><?=$item['title']; ?></OPTION>
            
            <?
            
                endforeach;
            
            ?>
            </SELECT>
        </td>
    </tr>
 
    <tr>
        <td class="t2">Принял</td>
        <td> 
                     <!--<input type="radio" name="prinyal" id="nadya" value="Надежда" <?php if($_SERVER["REMOTE_ADDR"]=="192.168.1.28"){echo "checked";}?> ><label for="nadya"> Надя</label>-->
            <SELECT NAME="prinyal"  id="prinyal">
            <OPTION value="">-- Выбрать --</OPTION>
            <?php
            
                 $staff = get_staff();
            
                foreach($staff as $item):
            
            ?>
            
                <OPTION value="<?=$item['id']; ?>"><?=$item['name']; ?></OPTION>
                <!--<input type="radio" name="prinyal" id="<?=$item['id']; ?>" value="<?=$item['id']; ?>"/><label for="<?=$item['id']; ?>"><?=$item['name']; ?></label>-->
            
            <?
            
                endforeach;
            
            ?>
        </td>
        <td>
        Откуда о нас узнали?
        </td>
        <td>
        <SELECT NAME="sources"  id="sources">
        <OPTION value="">-- Выбрать --</OPTION>
            
            <?php
            
                 $sources = get_sources();
            
                foreach($sources as $item):
            
            ?>
            
                <OPTION value="<?=$item['id']; ?>"><?=$item['title']; ?></OPTION>
            
            <?
            
                endforeach;
            
            ?>
            </SELECT>
        </td>
    </tr>
 
    <tr>
        <td class="t2">Контраген</td>
        <td>
            <SELECT NAME="contragent"  id="contragent">
            
            <OPTION value="" SELECTED>Не указан</OPTION>
            
            <?php
            
                 $contragents = get_contragents();
            
                foreach($contragents as $item):
            
            ?>
            
                <OPTION value="<?=$item['id']; ?>"><?=$item['name']; ?> (<?=$item['otkuda']; ?>)</OPTION>
            
            <?
            
                endforeach;
            
            ?>
            
            </SELECT>
        </td>
        <td>
        Поле
        </td>
        <td>
            <input type="text" name="pole"/>
        </td>
    </tr>
    
    <tr>
        <td class="t2">Примечания</td>
        <td>
            <TEXTAREA type="text" NAME="primechaniya" id="notes" ROWS=4 COLS=50></TEXTAREA>
        </td>
        <td>Описание содержимого</td><td><TEXTAREA type="text" name="opis_otp"  ROWS=4 COLS=50></TEXTAREA></td>
    </tr>
    
<table  border="1" cellpadding="1" cellspacing="0">
  <tr>
    <td class="td_otp">ID Отправителя<input type="text" name="id_otp"/></td>
    <td class="td_otp">ФИО Отправителя<input type="text" name="fio_otp"/></td>
    <td class="td_pol">ID Получателя<input type="text" name="id_pol"/></td>
    <td class="td_pol">ФИО Получателя<input type="text" name="fio_pol"/></td>
  </tr>
  <tr>
    <td  colspan="2" class="td_otp" style="border:5px solid red">Организация
    <input type="text" id="organ_otp"  name="organ_otp" style="border:5px solid blue"/>
    <div id="bb" style="border:5px solid green">
    <select id="list" style="width:100%;border:5px solid orange; "></select>
    </div></td>
    <td colspan="2" class="td_pol">Организация<input type="text" name="organ_pol"/></td>
  </tr>
  <tr>
    <td colspan="2" class="td_otp">Телефон<input type="text" name="tel_otp"/></td>
    <td colspan="2" class="td_pol">Телефон<input type="text" name="tel_pol"/></td>
  </tr>
  <tr>
    <td colspan="2" class="td_otp">Адрес<input type="text" name="adr_otp"/></td>
    <td  class="td_pol">Адрес<input type="text" name="adr_pol"/></td><td class="td_pol">Спец инструкции<input type="text" name="spets_instr_pol"/></td>
  </tr>
  <tr>
    <td class="td_otp">Город<input type="text" name="gorod_otp"/></td>
    <td class="td_otp">Индекс<input type="text" name="index_otp"/></td>
    <td class="td_pol">Город<input type="text" name="gorod_pol"/></td>
    <td class="td_pol">Индекс<input type="text" name="index_pol"/></td>
  </tr>
  <tr>
    <td class="td_otp">Страна<input type="text" name="country_otp"/></td>
    <td class="td_otp">Область<input type="text" name="obl_otp"/></td>
    <td class="td_pol">Страна<input type="text" name="country_pol"/></td>
    <td class="td_pol">Область<input type="text" name="obl_pol"/></td>
  </tr>
  
  
  
  
  <tr>
    <td>Инф про отправ</td>
    <td>Услуги</td>
    <td>Оплата</td>
    <td>Доп услуги</td>
  </tr>
  <tr>
    <td class="td_usl"><input type="radio" name="info" value="Только док" />Только документы<br />
    <input type="radio" name="info" value="Другое" />Другое<br />
    Кол мест<input type="text" name="kol_mest"/><br />
    Вес<input type="text" name="ves"/><br/><!--обьемный вес<input type="text" name="ob_ves"/> --><br />
    Габариты Д*В*Ш в см.<br /><input type="text" size="5" name="gab_d"/> Х <input type="text" name="gab_v" size="5"/> Х <input type="text" size="5" name="gab_sh"/></td>
    <td class="td_usl">
        <?php
            
                 $uslugi = get_usluga();
            
                foreach($uslugi as $item):
            
            ?>
            
                <input type="radio" <?php if ($item['id'] =='3'){echo "checked";} ?> name="usluga" id="<?=$item['id']; ?>usluga" value="<?=$item['id']; ?>"><label for="<?=$item['id']; ?>usluga"><?=$item['title']; ?></label><br />
            
            <?
            
                endforeach;
            
            ?>
    <td class="td_usl">
    <?php
            
                 $oplaty = get_vidy_oplat();
            
                foreach($oplaty as $item):
            
            ?>
            
                <input type="radio" <?php if ($item['id'] =='1'){echo "checked";} ?> name="oplata" id="<?=$item['id']; ?>oplata" <? if(!empty($item['onclick'])) {echo "onclick=\"".$item['onclick']."\"";} ?> value="<?=$item['id']; ?>"><label for="<?=$item['id']; ?>oplata"><?=$item['title']; ?></label><? if(!empty($item['input_name'])) {echo "<input type=\"text\" placeholder=\"Третья сторона\" style=\"display: none;\" id=\"".$item['input']."\"  name=\"".$item['input_name']."\">";} ?><br />
            
            <?
            
                endforeach;
            
            ?>
    
    <input type="checkbox" name="za_dogovorom" value="Б/н"/>За договором<br/>
    <br/>Сумма<input type="text" name="other"/>
    <br/>заявленая стоимость<input type="text" name="cost"/></td>
    <td class="td_usl">
    <?php
            
                 $dop_uslugi = get_dop_usluga();
            
                foreach($dop_uslugi as $item):
            
            ?>
            
                <input type="checkbox" name="dop_usluga[]" id="<?=$item['id']; ?>dop_usluga" <? if(!empty($item['onclick'])) {echo "onclick=\"".$item['onclick']."\"";} ?> value="<?=$item['id']; ?>" ><label for="<?=$item['id']; ?>dop_usluga"><?=$item['title']; ?></label><? if(!empty($item['onclick'])) {echo "<input type=\"text\" placeholder=\"Укажите время\" style=\"display: none;\" id=\"".$item['input']."\"  name=\"".$item['input_name']."\">";} ?><br />
            
            <?
            
                endforeach;
            
            ?>
    
    </td>
  </tr>
  <tr>
    <td colspan="4"><center><input type="submit" name="vvod" value="Ввести" style="width:200px; height: 50;background-color:Tomato;"/></center></td>
  </tr>
</table>
    
    
    
 
 
 
        </td>
    </tr>
</table>
</form>

@Fedor92 · 07.11.2014, 11:11

Вчера посмотрел таблицу ничего особо криминального не нашёл... Правда без базы конечно особо не разойдёшься... Ну да ладно... Вы не могли бы ещё скрин приложить на котором будет видно куда смещаются выпадайки...?

@WisesT · 07.11.2014, 11:35 **[ТС]**

Выкладываю скриншоты и текущий код (list на bb заменил)
После загрузки страницы (див красный)
ЩАЗ ПОПРАВЛЮ

код страницы выше.
Код js

Javascript

window.onload = function(){
$("#bb").hide()
vvv=$("#organ_otp");
vvv.keyup(function(){
if($("#organ_otp").val()==false){$("#bb").hide()} // спрятать если строка пуста
var csymbol=$("#organ_otp").val()
if(csymbol.length>=3){
check();
            }
$("option.temp").remove()// удаление старых результатов
 })}
function check(){ 
t=$("#organ_otp").val()
$.ajax({
  type: "POST",
  url: "serv_ajax.php",
  data: {"namex":t},
  success: function(t){
      var reports = eval('('+t+')')
if(reports!="not"){
$('#bb').show() 
} 
else { $('#bb').hide()
$("option.temp").remove()
 }
    $('#bb').attr("size",reports['count'])
for(var i=0; i<=reports['count']; i++) {
var tt="#"+i;
$("#bb").append('<option id='+i+' class=temp>'+reports[i]["firma"]+'</option>')
 
$(".temp").hover(function(){$(this).css({"background-color":"#6087FF","color":"white"})},// эффект блур
function (){$(this).css({"background-color":"white","color":"black"})}) // снимаеться 
 
$(tt).click(function () {
  var countx=$(this).attr('id') // привязывает к ид и дополняет оставшиеся поля
  $("#firma").val(reports[countx]['firma'])
 $("#adress").val(reports[countx]['adress'])
  $("#tel").val(reports[countx]['tel'])
  $("#notes").val(reports[countx]['notes']) 
  if(reports[countx]['oplata']=='Нал'){// проставляет чек бокс по форме оплаты
$("#opl1").attr('checked','checked')}
  if(reports[countx]['oplata']=='Безнал'){
$("#opl2").attr('checked','checked')}
  if(reports[countx]['oplata']=='Выбрать'){
$("#opl3").attr('checked','checked')}
  $('#bb').hide()
    })}}})};

код serv_ajax.php

PHP

<?php header('Content-Type: text/html; charset=UTF-8');
$_POST['namex'];
 
//echo $_POST['namex'];
if ($_POST['namex']!=NULL){
if (!function_exists('mb_ucfirst') && extension_loaded('mbstring'))// делает первую букву заглавной
{
    /**
     * mb_ucfirst - преобразует первый символ в верхний регистр
     * @param string $str - строка
     * @param string $encoding - кодировка, по-умолчанию UTF-8
     * @return string
     */
    function mb_ucfirst($str, $encoding='UTF-8')
    {
        $str = mb_ereg_replace('^[\ ]+', '', $str);
        $str = mb_strtoupper(mb_substr($str, 0, 1, $encoding), $encoding).
               mb_substr($str, 1, mb_strlen($str), $encoding);
        return $str;
    }
}
$firma=mb_ucfirst($_POST['namex']);
$firma=$_POST['namex'];
//echo $firma;
include("db_fns.php");
 /* [a-zA-Zа-яА-Я]*\s*\w */                                                                   
$j='SELECT * FROM clients WHERE firma REGEXP "[a-zA-Zа-яА-Я]*\s*\w*'.$firma.'[a-zA-Zа-яА-Я]*\s*\w*"';
//echo $j."<br>";
db_connect();
 
$a=mysql_query($j);
  // echo  mysql_errno() . ": " . mysql_error(). "\n";
//print_r($aa);
//echo mysql_num_rows($a);
$nn=mysql_num_rows($a);
if ($nn!=0){
//echo "количество строк--".$nn;
 for($i=0; $nn>=$i+1;$i++){ //echo "итерация--".$i; +1 потому что отчет идет с 0
 $aa=mysql_fetch_array($a, MYSQL_ASSOC);
 $js.="'$i':".json_encode($aa); // кодирует в JSONE
 } 
  $str='}';
 $js=str_replace ($str,'},', $js); // проставляет запятые
$cc="'count':'$nn'"; // подсчитывает количество затронутых строк в Mysql
//echo $cc;
 echo "{".$js.$cc."}";} // выводит строку
 else{ 
$er="not1";
$er= json_encode($er);
    echo  $er;  
} }  else {
$er="not22";
$er= json_encode($er);
echo  $er;  }
 
 
?>

@Fedor92 · 07.11.2014, 11:40

Картинки не загрузились... Их скрепкой прикреплять в расширенном режиме...!!!
Красный - границы ячейки... Синий-границы текстового поля... Зелёный-границы дива... Оранжевый - границы селекта... Что улетело?

@WisesT 3 / 3 / 3 Регистрация: 15.12.2011 Сообщений: 160
	06.11.2014, 18:57 [ТС]	13
	ВООО!!! уже на много лучше. Выпадающий список появляется в той же ячейке. Только такое ощущение, что они под цветом заливки ячейки. Добавлено через 2 минуты А, стоп. Это див появляется. Его размер соответсвует колличеству вариантов из селекта. но сам селект все равно черт знает где. Добавлено через 2 минуты Еслия в ерно вижу, то ситуация така. при загрузке страницы все ок и на своих местах. Дива не видно, селекта тоже. При вводе символов появляется див. В НЕМ лежат пункты селекта (сами выпадайки), а верх селекта вообще отдельно. 0

@Fedor92 2964 / 2619 / 1068 Регистрация: 15.12.2012 Сообщений: 10,064 Записей в блоге: 11
	06.11.2014, 17:54	2
	Ваше произведение выглядит вот так... Собственно чего Вы хотите? Изображения 0

@WisesT 3 / 3 / 3 Регистрация: 15.12.2011 Сообщений: 160
	06.11.2014, 17:56 [ТС]	3
	нет нет) выпадающего списка по умолчанию не видно. А вот когда начинают вводить символы, появляется выпадающие варианты (<option></option> которые) но они формируются черт знает где. а мне нужно рядом с ячейкой 0

@Fedor92 2964 / 2619 / 1068 Регистрация: 15.12.2012 Сообщений: 10,064 Записей в блоге: 11
	06.11.2014, 17:59	4
	Это уже js... Начальное свойство ячейки display:none, ну а потом событие повесить при вводе текста display:block... 1

@WisesT 3 / 3 / 3 Регистрация: 15.12.2011 Сообщений: 160
	06.11.2014, 18:11 [ТС]	5
	display:none для div или для select? 0

@Fedor92 2964 / 2619 / 1068 Регистрация: 15.12.2012 Сообщений: 10,064 Записей в блоге: 11
	06.11.2014, 18:12	6
	Для select, чтобы его изначально не было видно... 0

@WisesT 3 / 3 / 3 Регистрация: 15.12.2011 Сообщений: 160
	06.11.2014, 18:19 [ТС]	7
	дык его и так не видно О_О 0

@Fedor92 2964 / 2619 / 1068 Регистрация: 15.12.2012 Сообщений: 10,064 Записей в блоге: 11
	06.11.2014, 18:23	8
	Что значит не видно? Я же показал Вам скрин, то что обведено оранжевым цветом - это селект... Чтобы его убрать до того, как пользователь начнёт вводить данные нужен display:none... В принципе можно целиком с дивом...))) 0

@WisesT 3 / 3 / 3 Регистрация: 15.12.2011 Сообщений: 160
	06.11.2014, 18:46 [ТС]	11
	div (Зеленый) находится под инпутом (это хорошо). Он не заполнен. Когда ввожу клиента - предлагаемые варианты (оранжевое) оказывается на много выше и правее. 0

@Fedor92 2964 / 2619 / 1068 Регистрация: 15.12.2012 Сообщений: 10,064 Записей в блоге: 11
	06.11.2014, 18:49	12
	Вообще я бы вам посоветовал в js заменить #list на #bb так селект будет появляться только вместе с дивом... И див вместе с селектом... 0

@WisesT 3 / 3 / 3 Регистрация: 15.12.2011 Сообщений: 160
	06.11.2014, 19:00 [ТС]	15
	Тут где-то беда именно с селектом. так как <select> у нас формируется при создании страницы, а <option> уже через скрипт. 0

@Fedor92 2964 / 2619 / 1068 Регистрация: 15.12.2012 Сообщений: 10,064 Записей в блоге: 11
	06.11.2014, 19:04	16
	Можно попробовать для селекта задать жёсткие размеры ширины и высоты, чтобы он не мог вылезти за пределы ячейки и дива как такового... 0

@Fedor92 2964 / 2619 / 1068 Регистрация: 15.12.2012 Сообщений: 10,064 Записей в блоге: 11
	07.11.2014, 11:11	18
	Вчера посмотрел таблицу ничего особо криминального не нашёл... Правда без базы конечно особо не разойдёшься... Ну да ладно... Вы не могли бы ещё скрин приложить на котором будет видно куда смещаются выпадайки...? 1

@Fedor92 2964 / 2619 / 1068 Регистрация: 15.12.2012 Сообщений: 10,064 Записей в блоге: 11
	07.11.2014, 11:40	20
	Картинки не загрузились... Их скрепкой прикреплять в расширенном режиме...!!! Красный - границы ячейки... Синий-границы текстового поля... Зелёный-границы дива... Оранжевый - границы селекта... Что улетело? 0