let form = document.querySelector('form')
form.addEventListener('submit', submitHandler)
function submitHandler(){
fetch("mail.php", {
method: "POST",
body: new FormData(form)
})
.then(response => response.json())
.then(function(json) { /* process your JSON further */ })
.catch(function(error) { console.log(error);
});
preventDefault;
}
<form action="">
<input type="text" name="name">
<button type="submit">отправить</button>
</form>
<script>
let form = document.querySelector('form')
form.addEventListener('submit', submitHandler)
function submitHandler(){
fetch("mail.php", {
method: "POST",
body: new FormData(form)
})
.then(response => response.json())
.then(function(json) { /* process your JSON further */ })
.catch(function(error) { console.log(error); });
}
</script>
<?php
$recepient = "mail@yandex.ru";
$sitename = "Название сайта";
$name = trim($_POST["name"]);
$message = "Имя: $name;
$pagetitle = "Новая заявка с сайта \"$sitename\"";
mail($recepient, $pagetitle, $message, "Content-type: text/plain; charset=\"utf-8\"\n From: $recepient");
...
var matColorselcted = $('#materialColor').children('[value="'+cur+'"]').text();
matcolorFunc();
...
function matcolorFunc() {
alert(matColorselcted);
};
$(document).ready(function (){
$('#materialColor').wrap('<div id="select_wrapper" class="select_wrapper"> <i id="arrowChevron" class="fa fa-chevron-down"></i></div>')
$('#materialColor').parent().prepend(function() {
return '<span>'+ $(this).find(':selected').text() +'</span>'
});
$('#materialColor').parent().children('span').width($('#materialColor').width());
$('#materialColor').css('display', 'none');
$('#materialColor').parent().append('<ul class="select_inner"></ul>');
$('#materialColor').children().each(function(){
var opttext = $(this).text();
var optval = $(this).val();
$('#materialColor').parent().children('.select_inner').append('<li id="' + optval + '">' + opttext + '</li>');
});
$('#materialColor').parent().find('li').on('click', function (){
var cur = $(this).attr('id');
$('#materialColor').parent().children('span').text($(this).text());
$('#materialColor').children().removeAttr('selected');
$('#materialColor').children('[value="'+cur+'"]').attr('selected','selected');
console.log($('#materialColor').children('[value="'+cur+'"]').text());
var matColorselcted = $('#materialColor').children('[value="'+cur+'"]').text();
matcolorFunc();
});
$('#materialColor').parent().on('click', function (){
$(this).find('ul').slideToggle('fast');
});
});
function matcolorFunc() {
alert(matColorselcted);
};
Спасибо за участие!