Установить идентификатор кнопки из javascript

У меня есть раскрывающийся список, который заполнен данными, полученными из БД. Мне нужно назначить выбранное значение индекса этого раскрывающегося списка в качестве идентификатора кнопки. Это действительно возможно?

мой код

<select name = "customer" onchange = "getCustomer()"  id = "customer" class = "form-control" style = "width: 180px !IMPORTANT;">
 <option value = "">--Select Customer--</option>
                                 <?php
                                 $sql = mysqli_query($db,"SELECT * FROM customer ");
                                 while($row= mysqli_fetch_array($sql))
                                 {
                                 ?>
                                 <option value = "<?php echo $row['custid'];?>"><?php echo $row['customername'];?></option>
                                 <?php
                               }
                                 ?>

 </select>
                                    </div>
                                    <button name = "custbt" id = "1" class = "label-text col-form-label userinfo"><a href = "#vCenteredModal" data-toggle = "modal">Show customer details</a></button> 

  <script>
          function getCustomer()
          {
            var e = document.getElementById("customer");
            var cust = e.options[e.selectedIndex].value;
          //  alert(cust);custbt
            //document.getElementByName("custbt").id=cust;
            document.getElementByName(custbt).id=cust;

          }
    </script>

возможно, что у вас не работает?

— 28.01.2019 12:06

вы должны установить data-id вместо id.

— 28.01.2019 12:06

custbt не определен, поэтому document.getElementByName(custbt).id=cust; работать не будет.

— 28.01.2019 12:08

javascript php css

28.01.2019 12:03

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

118

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Идентификаторы должны начинаться с буквы.

<button name = "custbt" id = "a1" class = "label-text col-form-label userinfo"><a href = "#vCenteredModal" data-toggle = "modal">Show customer details</a></button>

var customer = document.getElementById("customer");
    var a1 = document.getElementById("a1");

    customer.addEventListener("change",function(){
        a1.removeAttribute("id");
        a1.setAttribute("id",customer.value);
    });

И, возможно, заменить <option value = "<?php echo $row['custid'];?>"> на <option value = "a<?php echo $row['custid'];?>">

— 28.01.2019 12:10

28.01.2019 12:08

Ответ принят как подходящий

Возможно, это решит вашу проблему. Я добавил класс для btn call CustomerModalBttn .

Попробуй это

<select name = "customer" id = "customer" class = "form-control" style = "width: 180px !IMPORTANT;">
<option value = "">--Select Customer--</option>
  <?php
  $sql = mysqli_query($db,"SELECT * FROM customer ");
  while($row= mysqli_fetch_array($sql)){
  ?>
     <option value = "<?php echo $row['custid'];?>"><?php echo $row['customername'];?></option>
  <?php
  }
  ?>
</select>

<button name = "custbt" id = "1" class = "label-text col-form-label userinfo CustomerModalBttn">
  <a href = "#vCenteredModal" data-toggle = "modal">Show customer details</a>
</button> 

<script>
  $(document).ready(function(){
     $('#customer').on('change',function(){
        $('.CustomerModalBttn').attr('id',$(this).val());
     });
  });
</script>

28.01.2019 12:09

Просто добавьте некоторое условие if ($row['custid'] == $_GET['custid']) echo 'selected', если вы передаете идентификатор клиента из URL-адреса, а затем получите его с параметром $_GET. ...

while($row= mysqli_fetch_array($sql))
{ ?>
   <option <?php if ($row['custid'] == $_GET['custid']) echo 'selected'; ?> value = "<?php echo $row['custid'];?>">
<?php echo $row['customername'];?>
</option>
<?php } ?>
...

28.01.2019 12:53

Другие вопросы по теме

Как сделать кнопку, загрузить изображение в папку c9?

Регулярное выражение - совпадение денежной строки с десятичными знаками и разделителями тысяч

Как сохранить значение динамического раскрывающегося списка после отправки формы?

Использование соответствия PHP preg_replace приводит к математической операции?

Как обновить несколько записей в один клик

Отчет о запросах Google Analytics — PHP

Как я могу создать массив [anyType] в построителе схемы laravel?

Как получить отмеченные значения флажка, отмеченные в codeigniter?

Если данные выполнения превышают определенный диапазон, запрос не выполняется

Setasign SetaPDF SetaPDF_Core_Text_Block / canvas->text() отображает текст вверх ногами

Установить идентификатор кнопки из javascript

Ответы 3

Другие вопросы по теме

Похожие вопросы