как получить значение id из выпадающего списка bootstrap 4 из строки таблицы?

Question

PHP Код:

<td>
    <div class="dropdown">
        <button class="btn btn-warning dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            More
        </button>
        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" id="demolist">
            <a class="dropdown-item " id="achieve" value="<?php echo $value['user_login_id'] ?>">Achivements</a>
            <a class="dropdown-item" id="skill" value="<?php echo $value['user_login_id'] ?>">Skills</a>
            <!--
            <a class="dropdown-item">Remove</a>
            <a class="dropdown-item">View Applicant</a>
            -->
        </div>
    </div>
</td>

Здесь у меня есть выпадающая кнопка в каждой строке, где в каждом выпадающем списке есть список достижений / навыков. При нажатии на достижение или навык я хочу передать идентификатор этой строки на ajax.

Как мне отправить с ajax?

Answer 1

У меня есть решение, похожее на этот код, я думаю, что вы достаточно умны, чтобы понять его, но дайте мне знать, если вы не можете его получить.

        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" id="demolist">
        <a class="dropdown-item achivementClass" id="achieve" value="value1">Achivements</a>
        <a class="dropdown-item" id="skill" >Skills</a>            
        <a class="dropdown-item">Remove</a>
        <a class="dropdown-item">View Applicant</a>            
    </div>

        This your script code
        <script>
          $(function() {
            $('.achivementClass').click(function(){      
            id =$(this).attr('value');
            console.log(id);              
                 });            
          });
        </script>

Answer 2

Используя этот метод, вы можете легко получить раскрывающееся значение:

Передать идентификатор или класс с помощью метода .value.

var submitForm = function() {
  var name = document.querySelector('.name').value;
  console.log(name);
}
document.querySelector('.btn').addEventListener('click', submitForm);

<input type="text" placeholder="name" class="name"><button class="btn" value="submit">Submit</button>