<form id="form" class="form" action="/php/script.php"></form>$(document).ready(function () {
$("#form").submit(function () { //устанавливаем событие отправки для формы с id=form
var form_data = $(this).serialize(); //собераем все данные из формы
$.ajax({
type: "POST", //Метод отправки
url: "../php/script.php", //путь до php фаила отправителя
data: form_data,
success: function () {
//код в этом блоке выполняется при успешной отправке сообщения
alert("Ваше сообщение отпрвлено!");
},
error: function (xhr, str) {
alert('Возникла ошибка: ' + xhr.responseCode);
}
});
});
});$(document).ready(function () {
$("#form").submit(function () {
console.log("Send");
return false;
});
});
<form action="javascript:void(null);">$(document).ready(function(){
$("#form").submit(function() { //устанавливаем событие отправки для формы с id=form
var form_data = $(this).serialize(); //собераем все данные из формы
$.ajax({
type: "POST", //Метод отправки
url: "../php/script.php", //путь до php фаила отправителя
data: form_data,
success: function() {
//код в этом блоке выполняется при успешной отправке сообщения
alert("Ваше сообщение отпрвлено!");
},
error: function(xhr, str){
alert('Возникла ошибка: ' + xhr.responseCode);
}
});
});
});
<select name="offer_list" class="offer_list">
<option value="990 Р">Fullips Small Oval - "Маленький овал": 990 Р.</option>
<option value="990 Р.">Fullips Medium Oval - "Средний овал": 990 Р.</option>
<option value="3">3</option>
</select>
<span class="oldprice">Старая цена:<span> 1980 Р.</span></span>
<span class="newprice">Новая цена:<span></span></span><script>
// инициализация значения при открытии - первое - естественно
$('span.newprice').find('span').text($("select option:selected").val());
// если происходит изменение значения
$( "select.offer_list" ).change(function() {
$('span.newprice').find('span').text($("select option:selected").val());
});
</script>
<select id="test">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
Новая цена: <span id="price">1</span>var $select = $('#test'); // сохраняем в переменную ссылку на селект
var $price = $('#price'); // сохраняем в переменную ссылку на блок с ценой
// на селект навешиваем слушатель, который следит за изменениями
$select.on('change', function () {
var value = $(this).prop('value'); // если что-то изменилось, получаем value селекта
$price.html(value); // ставим этот value в поле с ценой
});
float:left или float:right<nav class="account">
<a href="#" id="inaccount">Вход</a>
<a href="#" id="registration">Регистрация</a>
</nav>
.wrapper
{
width: 1000px;
margin: 200px auto;
}
.slider
{
width:900px;
margin: inherit;
display: inline-block;
position:absolute;
}
#p1
{
padding: 3px 30px;
font-size: 15px;
background: #706f7f;
color: #fff;
border-radius: 4px;
position: relative;
}
.slider li
{
display: inline-block;
}
#p1:hover
{
background: #1ea95b;
}
#p1:before
{
content: url(img/menu.png);
position: absolute;
left: 0;
top: 0;
display: none;
}
#p1:hover:before
{
display: block;
}
#submenu li
{
display: inline-block;
margin-left: 20.5px;
}
#submenu li:nth-child(2)
{
font-weight: 900;
}
#submenu
{
margin-top: 11px;
padding: 2px 7px 2px 2px;
border-radius-left: 10px;
border-radius:4px;
color: #fff;
background: #1ea95b;
position:absolute;
top:30px;
display: none;
}
#p1:hover ~ #submenu
{
display: block;
}
#menu a {
color: #fff;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 25px;
}
$(function() {
$('.auto li:first-child').hover(function(){
$('.autoname li:first-child').fadeTo("slow" , 1);
}, function () {
$('.autoname li:first-child').fadeTo("slow" , 0);
});
});