<script>
$(document).ready(function (){
$(".form").scrollTop($(".form")[0].scrollHeight);
});
$(document).ready(function(){
$("#option1").on("click", function(){
$value = '1';
$msg = '<div class="user-inbox inbox"><div class="msg-header"><p>'+
$value +'</p></div></div>';
$(".form").append($msg);
$.ajax({
url: 'message.php',
type: 'POST',
data: 'sendsms=$user97485='+$value,
success: function(resul){
if($value === "1"){
var resul = '<b>Eligio opcion 1</b><br>S/5 x 5 consultas,en
breve responderemos su mensaje, para brindarle su token de acceso...'
$replay = '<div class="bot-inbox inbox"><div class="icon"><i
class="fas fa-user"></i></div><div class="msg-header"><p>'+ resul
+'</p></div></div>';
$(".form").append($replay);
}
$(".form").scrollTop($(".form")[0].scrollHeight);
}
});
});
});
</script>
</script>
<script>
$(document).ready(function(){
$("#option2").on("click", function(){
$value = '2';
$msg = '<div class="user-inbox inbox"><div class="msg-header"><p>'+
$value +'</p></div></div>';
$(".form").append($msg);
// start ajax code
$.ajax({
url: 'message.php',
type: 'POST',
data: 'sendsms=$user97485='+$value,
success: function(resul){
if($value === "2"){
var resul = '<b>Eligio opcion 2</b><br>S/10 x 15
consultas,en breve responderemos su mensaje, para brindarle su token de acceso...'
$replay = '<div class="bot-inbox inbox"><div class="icon"><i
class="fas fa-user"></i></div><div class="msg-header"><p>'+ resul
+'</p></div></div>';
$(".form").append($replay);
}
$(".form").scrollTop($(".form")[0].scrollHeight);
}
});
});
});
$(document).ready(function(){
$("#option3").on("click", function(){
$value = '3';
$msg = '<div class="user-inbox inbox"><div class="msg-header"><p>'+
$value +'</p></div></div>';
$(".form").append($msg);
// start ajax code
$.ajax({
url: 'message.php',
type: 'POST',
data: 'sendsms=$user97485='+$value,
success: function(resul){
if($value === "3"){
var resul = '<b>Eligio opcion 3</b><br>S/15 x 25
consultas,en breve responderemos su mensaje, para brindarle su token de acceso...'
$replay = '<div class="bot-inbox inbox"><div class="icon"><i
class="fas fa-user"></i></div><div class="msg-header"><p>'+ resul
+'</p></div></div>';
$(".form").append($replay);
}
$(".form").scrollTop($(".form")[0].scrollHeight);
}
});
});
});
$(document).ready(function(){
$("#option4").on("click", function(){
$value = '4';
$msg = '<div class="user-inbox inbox"><div class="msg-header"><p>'+
$value +'</p></div></div>';
$(".form").append($msg);
// start ajax code
$.ajax({
url: 'message.php',
type: 'POST',
data: 'sendsms=$user97485='+$value,
success: function(resul){
if($value === "4"){
var resul = '<b>Eligio opcion 4</b><br>S/20 x 40
consultas,en breve responderemos su mensaje, para brindarle su token de acceso...'
$replay = '<div class="bot-inbox inbox"><div class="icon"><i
class="fas fa-user"></i></div><div class="msg-header"><p>'+ resul
+'</p></div></div>';
$(".form").append($replay);
}
$(".form").scrollTop($(".form")[0].scrollHeight);
}
});
});
});
</script>
<div class="bot-inbox inbox">
<div class="icon">
<i class="fas fa-user"></i>
</div>
<div class="msg-header">
<p>Hola user 97485, puedes seleccionar una de las 4 opciones?
</p>
</div>
</div>
<div class="bot-inbox inbox">
<div class="icon">
<i class="fas fa-user"></i>
</div>
<div id="option1" class="msg-box">
<p>Opcion 1<br>S/5 por 5 consultas</p>
</div>
</div>
<div class="bot-inbox inbox">
<div class="icon">
<i class="fas fa-user"></i>
</div>
<div id="option2" class="msg-box">
<p>Opcion 2<br>S/10 por 15 consultas</p>
</div>
</div>
<div class="bot-inbox inbox">
<div class="icon">
<i class="fas fa-user"></i>
</div>
<div id="option3" class="msg-box">
<p>Opcion 3<br>S/15 por 25 consultas</p>
</div>
</div>
<div class="bot-inbox inbox">
<div class="icon">
<i class="fas fa-user"></i>
</div>
<div id="option4" class="msg-box">
<p>Opcion 4<br>S/20 por 40 consultas</p>
</div>
</div>
<div class="user-inbox inbox"><div class="msg-header"><p>1</p></div></div><div
class="bot-inbox inbox"><div class="icon"><i class="fas fa-user"></i></div><div
class="msg-header"><p><b>Eligio opcion 1 </b><br>S/5 x 5 consultas,en breve
responderemos su mensaje, para brindarle su token de acceso...</p></div></div><div
class="user-inbox inbox"><div class="msg-header"><p>4</p></div></div><div
class="bot-inbox inbox"><div class="icon"><i class="fas fa-user"></i></div><div
class="msg-header"><p><b>Eligio opcion 4 </b><br>S/20 x 40 consultas,en breve
responderemos su mensaje, para brindarle su token de acceso...</p></div></div><div
class="user-inbox inbox"><div class="msg-header"><p>3</p></div></div><div
class="bot-inbox inbox"><div class="icon"><i class="fas fa-user"></i></div><div
class="msg-header"><p><b>Eligio opcion 3 </b><br>S/15 x 25 consultas,en breve
responderemos su mensaje, para brindarle su token de acceso...</p></div></div><div
class="user-inbox inbox"><div class="msg-header"><p>2</p></div></div><div
class="bot-inbox inbox"><div class="icon"><i class="fas fa-user"></i></div><div
class="msg-header"><p><b>Eligio opcion 2 </b><br>S/10 x 15 consultas,en breve
responderemos su mensaje, para brindarle su token de acceso...</p></div></div><div
class="user-inbox inbox"><div class="msg-header"><p>3</p></div></div><div
class="bot-inbox inbox"><div class="icon"><i class="fas fa-user"></i></div><div
class="msg-header"><p><b>Eligio opcion 3 </b><br>S/15 x 25 consultas,en breve
responderemos su mensaje, para brindarle su token de acceso...</p></div></div>