Можно ли иметь прослушиватель действий для элемента элемента списка и передавать его в качестве параметра в JavaScript?

Можно ли установить прослушиватель действий для элемента списка в HTML и передать то, что пользователь щелкнул в JavaScript?

Индекс.html:

<div class = "dropdown">
<button class = "btn d-flex align-items-center" type = "button">
    <h3 class = "fs-1 fw-bold">Set Limit</h3>
</button>
<ul class = "dropdown-menu">
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
</div>

<script>
$(function() {

   // I want this to be able to get its value
   // depending on what the user clicked from the <li> tag
   var limit = 1;
});
</script>

Я обновил свой код сейчас, чтобы

Индекс.html:

<select id = "dropdown">
   <option value = "A" data-number = "1">option1</option>
   <option value = "B" data-number = "2">option2</option>
   <option value = "C" data-number = "3">option3</option>
   <option value = "D" data-number = "4">option4</option>
</select>

<script>
$('#dropdown').change(function(){
   var number = $(this).find('option:selected').attr('data-number');
});

$(function() {
   /* I am unsure now on how to get the number variable from above and put it here in my var limit */
   var limit = ;
});

</script>