Как передать значение ввода формы в функцию JavaScript
У меня есть общая функция JavaScript, которая принимает один параметр
function foo(val) { ...}
, и я хочу вызвать функцию при отправке формы
<form>
<input type="text" id="formValueId"/>
<input type="button" onclick="foo(this.formValueId)"/>
</form>
, но выражение foo (this.formValueId) не работает (не удивлен, это была отчаянная попытка). Итак, вопрос в том, как я могу передать значение формы для функции javascript. Как я уже упоминал, javascript является общим, и я не хочу манипулировать формой внутри него!
Я мог бы создать вспомогательную функцию посередине, чтобы получить значения формы с помощью jQuery (например), а затем вызвать эту функцию, но мне было интересно, смогу ли я сделать это без вспомогательной функции.
3 ответа
Может быть чище извлечь встроенный обработчик кликов и сделать это так:
$(document).ready(function() {
$('#button-id').click(function() {
foo($('#formValueId').val());
});
});
Использовать onclick="foo(document.getElementById('formValueId').value)"
Да, вы можете сделать это таким образом.
<input type="text" name="address" id="address">
<div id="map_canvas" style="width: 500px; height: 300px"></div>
<input type="button" onclick="showAddress(address.value)" value="ShowMap"/>
Javascript
function showAddress(address){
alert("This is address :"+address)
}
Это один пример для того же. и это побежит.