javascript - submit select box value on clicking submit button in php -
following form code
<form id="ajax-contact" method="post" action="mailer.php"> <div class="field"> <label for="name">name:</label> <input type="text" id="name" name="name" required> </div> <div class="field"> <label for="email">email:</label> <input type="email" id="email" name="email" required> </div> <div class="field"> <label for="message">message:</label> <textarea id="message" name="message" required></textarea> </div> <div class="field"> <label for="select">select</label> <select id="select" name="selct" required> <option value="1">bad</option> <option value="2">good</option> <option value="3">excellent</option> <option value="4">gorgrous</option> </select> </div> <div class="field"> <button type="submit">send</button> </div> </form>
ajax calling script
$(function() { // form. var form = $('#ajax-contact'); // messages div. var formmessages = $('#form-messages'); // set event listener contact form. $(form).submit(function(e) { // stop browser submitting form. e.preventdefault(); // serialize form data. var name=$('#name').val(); var email=$('#email').val(); var message=$('#message').val(); var message=$('#select').val(); var formdata = $(form).serialize(); alert(formdata); $.ajax({ type: 'post', url: $(form).attr('action'), data: formdata,name,email,message,select }) .done(function(response) { // make sure formmessages div has 'success' class. $(formmessages).removeclass('error'); $(formmessages).addclass('success'); // set message text. $(formmessages).text(response); // clear form. $('#name').val(''); $('#email').val(''); $('#message').val(''); }) .fail(function(data) { // make sure formmessages div has 'error' class. $(formmessages).removeclass('success'); $(formmessages).addclass('error'); // set message text. if (data.responsetext !== '') { $(formmessages).text(data.responsetext); } else { $(formmessages).text('oops! error occured , message not sent.'); } }); }); });
i trying submit form entries on click of submit button,in form m submitting name,email,message , rating value,i m able pass name,email,message ajax call select box value not getting passed.i dnt knw how can passed,please check wrong in code.and in correcting please.
just check selector:
html
<select id="select" name="selct" required>
js:
var message=$('#message').val(); var message=$('#select').val();
why have same variable both?
and check select id?
it should be:
var message=$('#message').val(); var select=$('#select').val();
or change select id small letter select
, correct name attribute
should select
Comments
Post a Comment