Доброго времени суток! Проблема такая: при отправке формы значение select не отправляется вообще, а radio всегда отправляет только первое значение 500. С текстовым полем все нормально. В чем проблема?
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Розповсюдження</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<h3>Введіть дані</h3>
<form name='myForm' method='post' action='action1.php'>
<p>Назва речовини: <select name="subst">
<option value='sulfate'>Сульфати</option>
<option value='chloride'>Хлориди</option>
<option value='nitrogen'>Азот амонійний</option>
</select></p>
<p>Контрольна відстань: <input type='radio' name='control' value='500'>500
<input type='radio' name='control' value='1000'>1000
<input type='radio' name='control' value='1500'>1500</p>
<p>Концентрація забруднюючої речовини: <input type='text' name='konc' size='5'></p>
<input type='button' value='Підтвердити' name='mySubmit' onclick="AjaxFormRequest('result')">
</form>
<script type="text/javascript">
function AjaxFormRequest(result_id) {
var subst = $('input[name*="subst"]').val();
var control = $('input[name*="control"]').val();
var konc = $('input[name*="konc"]').val();
$.ajax({
type: "POST",
url: "action1.php",
data: { subst: subst, control: control, konc: konc }
}).done(function(msg) {
$('#' + result_id).html(msg);
});
}
</script>
<p id='result'></p>
</div>
</body>
</html>
<?php
if (isset($_POST["sub"])) {
$subst = $_POST["sub"];
echo $subst;
echo " is current substance<br>";
} else {
$subst = null;
echo "no substance supplied<br>";
}
if (isset($_POST["control"])) {
$control = $_POST["control"];
echo $control;
echo " is control distance<br>";
}
if (isset($_POST["konc"])) {
$konc = $_POST["konc"];
echo $konc;
}
?>