Как получить значение HTML-формы для передачи в JavaScript?
Это правильно? Мой сценарий принимает два аргумента, один из текстового поля, другой из выпадающего списка.
<body>
<form name="valform" action="" method="POST">
Credit Card Validation: <input type="text" id="cctextboxid" name="cctextbox"><br/>
Card Type: <select name="cardtype" id="cardtypeid">
<option value="visa">Visa</option>
<option value="mastercard">MasterCard</option>
<option value="discover">Discover</option>
<option value="amex">Amex</option>
<option value="diners">Diners Club</option>
</select><br/>
<input type="button" name="submit" value="Verify Credit Card" onclick="isValidCreditCard(document.getElementById('cctextboxid').value,document.getElementById('cardtypeid').value)" />
</body>
HTML:
<input type="text" name="name" id="uniqueID" value="value" />
JS:
var nameValue = document.getElementById("uniqueID").value;
document.forms будет содержать массив форм на вашей странице. Вы можете перебирать эти формы, чтобы найти нужную вам форму.
var form = false;
var length = document.forms.length;
for(var i = 0; i < length; i++) {
if(form.id == "wanted_id") {
form = document.forms[i];
}
}
Каждая форма имеет массив элементов, который вы можете просматривать в цикле, чтобы найти нужные вам данные. Вы также должны иметь возможность обращаться к ним по имени
var wanted_value = form.someFieldName.value;
jsFunction(wanted_value);