2015-04-07 4 views
0

Так у меня есть несколько элементов названия (язык отличается)Создание выпадающего текстовых полей с помощью начальной загрузки

И я хотел бы сделать это в таблице, и это будет выглядеть примерно так: What i want to make

Я сделал это, выполнив что-то вроде этого:

<td> 
    <div class="dropdown"> 
     <a class="dropdown-toggle" href="#" data-toggle="dropdown" style="text-align: center"> 
      Name<b class="caret"></b> 
     </a> 
     <ul class="dropdown-menu"> 
      <li style="text-align: center"> 
       Name 
       {{ Form::text('name'.$forumCategory->id,$forumCategory->name,array('class' => 'change')) }} 
      </li> 
     </ul> 
    </div> 
</td> 

В нем есть места для ввода текста. Но каждый раз, когда я нажимаю кнопку, меню исчезает. Как я мог обойти это или, может быть, сделать это по-другому?

ответ

0

Таким образом, ответ на это:

<td> 
    <div class="dropdown"> 
     <a class="dropdown-toggle" data-toggle="collapse" data-target="#titleEdit" style="text-align: center">LV {{ Form::text('name'.$forumCategory->id,$forumCategory->name,array('class' => 'change')) }} 
      <b class="caret"></b> 
     </a> 
     <ul class="dropdown-menu mt10" id="titleEdit"> 
      <li style="text-align: center">RU {{ Form::text('name'.$forumCategory->id,$forumCategory->name,array('class' => 'change')) }}</li> 
      <li class="mt10" style="text-align: center">EN {{ Form::text('name'.$forumCategory->id,$forumCategory->name,array('class' => 'change')) }}</li> 
     </ul> 
    </div> 
</td> 

Im используя лезвие (Laravel шаблонов) для этого, так вместо {{ Form::text('name'.$forumCategory->id,$forumCategory->name,array('class' => 'change')) }} вы кладете <input> тег с требуемыми атрибутами.

И это выглядит Somthing как это тогда:

it looks like this

Вы можете ввести в него, меню открывается при выборе текстового поля или каретка нажата.

EDIT! -------------------------!

Добавил небольшое исправление, удалил href для тегов, потому что, если они остались, страница перепрыгивает вверх, когда их нажимают.

Смежные вопросы