select text from ajax response and show in input field when user click on item

Question

user type london record fetch from data base and show below the input field

<input type="text" id="inputSuccess" name="name" onkeyup="autosearch(this.value)" > //user type london

when user click on london than london add in input field but it cannot set in input field what jquery script require to select the value from p tag and show in input field

<script>
function autosearch(name){
   //get data from database
   $.ajax({
       url:"ajax.php",
       type:'post',
       data: {name: name},
       success:function(result){
           $('.result').html(result);
       }
   });
}
</script>

ajax.php

<div style="border: 1px solid #ccc;width:100%;" >
   <a href="javascript:void(0)">
</div>
<div>
  <p><?php echo $data['cityName']; ?> </p> //london show here 
</div>
  </a>
</div>

I can barely understand what you are asking for. If you want to get text from p tag and set it as value of input use jQuery like this: $("input#inputSuccess").val($("p").text()); — Sebastian Kaczmarek
– Sebastian Kaczmarek, Commented Sep 8, 2017 at 6:18
user type london record fetch from data base-> where you fetch record? — Death-is-the-real-truth
– Death-is-the-real-truth, Commented Sep 8, 2017 at 6:18
if there is any image gallery site where i put my code screent shot ?? — MK12
– MK12, Commented Sep 8, 2017 at 6:38

Syed Aqeel · Accepted Answer · 2017-09-08 06:46:07Z

1

If I got your question then Here is an example to let you clear how to add text in the input. Please checkout below:

HTML:

<input type="text" id="inputSuccess" name="name" onkeyup="autosearch(this.value)" >

<a href="javascript:void(0)" data-val="textToShow" onclick="addTextInInput($(this).data('val'))">
  <div>
    <p>asd </p> 
  </div>
</a>

JS:

function addTextInInput(txt){
 //get data from database
   $("#inputSuccess").val(txt)
 }

Replace the textToShow in data-val with your PHP code and try it. Also, find working example here https://jsbin.com/witilohinu/1/edit?html,js,console,output

Please give your feedback in the comment.

answered Sep 8, 2017 at 6:46

Syed Aqeel

1,0093 gold badges14 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Namindu Sanchila · Accepted Answer · 2017-09-08 06:20:30Z

0

I am not sure its you want. But this i understand from your code. if its wrong say me. I will help you fix this. Add the class for your <input> and set it Ajax result.

 <input type="text" id="inputSuccess" name="name" class='result'

       onkeyup="autosearch(this.value)" > //user type london


   <script>

   function autosearch(name){
 //get data from database
   $.ajax({
     url:"ajax.php",
    type:'post',
    data:{name:name},
    success:function(result){
      $('.result').html(result);
     }
  });
 }

</script>

You not need this Field.

<p><?php echo $data['cityName']; ?> </p> //london show here 
</div>

answered Sep 8, 2017 at 6:20

Namindu Sanchila

4342 gold badges10 silver badges24 bronze badges

2 Comments

MK12 Over a year ago

i think i want to edit my question so everyone understand my problem more clearly

MK12 Over a year ago

Collectives™ on Stack Overflow

select text from ajax response and show in input field when user click on item

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related