ボタンで連絡フォームの一部を記入してください

Question

私が提供するSEOサービスの下にボタンを置いて、そのボタンをクリックすると、それらを下のコンタクトフォームに導き、「サービス必要」エリアに"SEO"これは可能ですか？

<!-- MY FORM THAT I WANT FILLED OUT AFTER THEY CLICK A BUTTON --> 
 

 
<form id="contact-form" class="form" action="contact.php" method="POST" role="form"> 
 
       <div class="form-group"> 
 
        <label class="form-label" for="name"></label> 
 
        <input type="text" class="form-control" id="name" name="name" placeholder="Your Name" tabindex="1" required> 
 
       </div>        
 
       <div class="form-group"> 
 
        <label class="form-label" for="email"></label> 
 
        <input type="email" class="form-control" id="email" name="email" data-constraints="@NotEmpty @Email" placeholder="Your Email" tabindex="2" required> 
 
       </div>        
 
       <div class="form-group"> 
 
        <label class="form-label" for="subject"></label> 
 
        <input type="text" class="form-control" id="subject" name="subject" placeholder="Service Needed" tabindex="3"> 
 
       </div>        
 
       <div class="form-group"> 
 
        <label class="form-label" for="comments"></label> 
 
        <textarea rows="5" cols="50" name="comments" class="form-control" id="comments" placeholder="Message..." tabindex="4" required></textarea>         
 
       </div> 
 
       <div class="text-center"> 
 
        <button type="submit" value="send" class="btn btn-start-order">Send Message</button> 
 
       </div> 
 
      </form> 
 

 

 

 
<!-- BUTTON I USE --> 
 
<a href="index.html#contact" class="btn btn-default">get a quote</a>

Answer 1

$.ready(function(){ 
    $('#myButtonID').click(function(){ 
     $('#subject').val('SEO'); 
     event.preventDefault(); // prevent default anchor tag action otherwise animation wont work 
     $('html, body').animate({scrollTop: $('#contact-form').offset().top}, 300 /*duration*/); 
     return false; 
    }); 

});