Форум программистов, компьютерный форум, киберфорум
JavaScript: Vue.js
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
11 / 11 / 8
Регистрация: 18.09.2012
Сообщений: 512
1

Выбор в теге select значения из бд

04.01.2021, 16:22. Просмотров 1042. Ответов 1
Метки нет (Все метки)

Здравствуйте, в select я загружаю значения из БД. Но как чтобы при загрузке страницы он это значение отображал?
HTML5
1
2
3
4
5
<select v-model="selected"> 
           <option disabled value=''>Выберите услугу или пропустите</option>
        <option v-for="dg in dolg" :key="dg.id" v-bind:value="{ id:dg.id,value:dg.naim_dolg }">{{dg.naim_dolg}} </option>
      </select>
      <h1>{{selected.value}}</h1>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
data()
{
  return{
    vr:{},
dolg:{},
     selected:'Хирург',
}
created()
{
 
 this.dolgitem()
},
watch:
{
  selected()
  {
   this.dolgitem()
  }
},
methods:{
 
dolgitem()
 {
   axios({method:"post",url:"../php/zapis.php?action=dolg",responseType:"json"}).then(response=>{this.dolg=response.data})
 },
}
Сделал так, но оно не выбирает его.
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
04.01.2021, 16:22
Ответы с готовыми решениями:

Выбор Select в зависимости от значения Input
Добрый день! Помогите найти ошибки в скрипте: var a =...

Выбор значения select через JQuery
Здравствуйте, уважаемые формучане! У меня возникла ситуация: есть некоторая форма. И в ней при...

Стилизация текста в теге <select>
Как сделать часть строки в теге SELECT одним цветом, а часть другим &lt;select class=&quot;sel-prodaga&quot;&gt;...

Стилизация шрифта в теге <select>
Почему то не работает такой вариант &lt;select name=&quot;action&quot;&gt; &lt;option value=-1&gt;&lt;font...

__________________

Записывайтесь на профессиональные курсы Fullstack-разработчиков на JavaScript‌
1
Всегда онлайн
1075 / 780 / 293
Регистрация: 07.04.2013
Сообщений: 2,686
04.01.2021, 23:05 2
Лучший ответ Сообщение было отмечено pirat2k как решение

Решение

pirat2k,
Javascript
1
v-bind:value="{ id:dg.id,value:dg.naim_dolg }"
на этом этапе лучше биндить просто айдишку, а не объект:

Javascript
1
v-bind:value="dg.id"
и чтобы при загрузке страницы (вернее при загрузке данных через axios) показывался какой-то выбарнный вариант, нужно просто установить значение selected:

Javascript
1
2
this.dolg=response.data;
this.selected = this.dolg[0].id; //например
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
04.01.2021, 23:05

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Выбор значения по умолчанию для select из базы
Есть такой код: do { printf (&quot;&lt;tr&gt; &lt;td&gt;&amp;nbsp;&lt;a...

Запрос к бд по клику на вариант в теге select
Товарищи, задача состоит в следующем. Имеется обычный селект типа: &lt;select name=&quot;select&quot;...

Событие onclick на теге option в select
Добрый день форумчане! Почему то не работает функция на тегах option, необходимо чтобы при выборе в...

Ввод ключевых слов, букв в теге Select
Помогите пожалуйста сделать возможность ввода ключевых слов, букв в теге Select Добавлено через...

При выборе в теге select отобразить соответствующее изображение
Почему не меняются изображения? &lt;select id=&quot;select&quot;&gt; &lt;option value=&quot;1&quot;&gt;1&lt;/option&gt; ...

Какое условие сделать чтобы от выбранного значения в select другой select принимал определенные значения?
выбираем например книгу и потом во втором select должно изменится значение &lt;label...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.