Вы должны поместить драйвер postgreSQL JDBC в свой путь к классам.
Я изменил несколько php-операторов для запуска в этом фрагменте. Значение теперь отображается в предупреждении, как вы и ожидали.
исправьте селектор jquery для класса и идентификатора внутри функции click.
$('input').bind("click", function() {
var nome_HW = $(this).val();
var quantita_HW = $(this).parent().find('#nomeHw').val();
alert("Nome Hw:" + nome_HW + " Quantita:" + quantita_HW);
//showEditDetailItemMenu(this,'edit',nome_HW,quantita_HW);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>
<label for="nomeHw">Nome HW:</label>
<select id="nomeHw" name="nomeHw" onchange="" required>
<option>1</option>
</select>
<label for="quantitaHW">Quantità</label>
<input class="quantitaHW" id="quantitaHW" name="quantitaHW" type="text" value="text" />
</p>
Дайте каждому входу, выберите и т. Д. Класс, который они все разделяют (например, .control
). Делегируйте событие change тегу <form>
(он должен быть) (например, #main
). .map()
значения из.
/*
When a user enters or changes any value of any .control...
an array of numbers and strings is returned.
*/
$('#main').on("change", function(event) {
var arr = $('.control').map(function(idx, obj) {
return Number($(this).val()) || $(this).val();
});
console.log(JSON.stringify(arr.toArray()));
return arr;
});
<form id='main'>
<fieldset>
<legend>HW</legend>
<label for="nameHW">Name: </label>
<select id="nameHW" name="nameHW" class='control' required>
<option value=''>Pick</option>
<option value='H'>H</option>
<option value='W'>W</option>
<option value='HW'>HW</option>
</select>
<label for="qtyHW">Quantity: </label>
<input id="qtyHW" name="qtyHW" class='control' type="number" value="0" min='0' max='99'>
</fieldset>
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Я решил, используя следующую инструкцию:
// Edit the Hw Config
$('.floatingMenuTable:eq(2) input.clickableElement').bind("click", function()
{
var nome_HW = $(this).val();
var quantita_HW = $(this).parent().siblings('td.hardwareQuantity').find('input').val();
alert("Nome Hw:" + nome_HW + " Quantita:" + quantita_HW);
});
Что я могу предложить из своего опыта, так это НАБРАТЬ НА БУМАГЕ ЭЛЕМЕНТ $ (this) Кликнул и создал целевой элемент, рисуя все необходимые элементы DOM перейти от А к Б. Итак, в моем примере:
$(this) -> click on the input field with name attribute: "nomeHw" and with class: "clickableElement"
parent() -> Move inside the Dom selecting the "td" element that contains the input field "nomeHw"
siblings('td.hardwareQuantity') -> move to the sibling with classname "hardwareQuantity"
find('input') -> find the input close to that td with classname "hardwareQuantity"