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

Question

Я делаю выпадающее меню о брендах в форме электронной коммерции, где я должен вводить продукты. Есть ли способ получить выбранное значение выпадающего меню без использования кнопки отправки. Еще лучше, могу ли я использовать опцию select без закрывающего элемента. Если это возможно, как я могу получить значение выпадающего списка с помощью jquery.

function getbrands_add_products(){ 
    global $con; 
    try{ 
     $query = "select * from brands"; 
     $stmt = $con->prepare($query); 

     $stmt->execute(); 
     $result = $stmt->fetchAll(); 

     echo "<option>Select Brand</option>"; 

     foreach ($result as $rows) { 
      $brand_id = $rows['brand_id']; 
      $brand_title = $rows['brand_title']; 
      echo "<option value='$brand_id'>$brand_title</option>"; 
     } 
    } catch(PDOException $e){ 
     echo "Error: ".$e->getMessage(); 
    } 
} 

Это функция, в которой я запрашивая базу данных и отображение их в виде списка для пользователя, чтобы выбрать. Как я могу получить доступ к выбранному значению без использования формы submit. Лучше, если это jquery.

Answer 1

да, вы можете использовать его без <form> тег.

Фактически вы можете использовать любой элемент, связанный с формой, без тега <form>.

Если вы хотите использовать <select> elemet выбранное значение, вы можете использовать событие select.onchange.

значение элемента выбрано.

HTML код:

<select id='select'> 
    <option value='11'> 
     testOption 
    </option> 
</select> 

Код расслоение плотной:

var select = document.getElementById('select'); 
select.onchange = function() { 
    var value = this.value; 
    alert(value); 
} 

Answer 2

Вы можете использовать <select> вне формы, но это не стандартный способ.

вы можете получить доступ к значению с помощью javascript jquery. дать ему идентификатор, как

<select id="select-box"> 
<option value = "something"></option> 
.... 

, а затем на использование Jquery:

$("#select-box").on("change",function(){ 
    var value = $(this).val() 
}) 

но это не является стандартным способом, чтобы использовать поле выбора вне формы