Pulling the string value in Javascript

Question

So I have this unordered list of items that is made from querying a mysql database

    <ul>
    <li>apple</li>
    <li>orange</li>
    <li>pear</li>
    </ul>

I want there to be an onclick event that will pass 'apple' when I click apple and 'orange' when I click orange.

I also want to pass this information to another page through php. So this is my idea for the javascript function.

<script>
function passName(obj){
var pass = "<?php $x= " + obj.getName() + " ?>";
}

function getname(obj){
return 'string';
}
</script>

My Question: is there a method that exists within JavaScript that allows me to pull the raw string value of my unorderedlist without writing my own function? If I have to write my own JavaScript function, is there a way to set the 'name' strings automatically, while the list is populating?

"allows me to pull the raw string value of my unorderedlist" get the innerText of the <ul>. "set the 'name' strings automatically, while the list is populating" . What strings are you referring to? var pass = "<?php $x= " + obj.getName() + " ?>"; will never work - you fundamentally mis-understand how the web works. That code will execute before your page loads, which is when PHP was executing. Then your HTTP request ended and it stopped. If you want PHP to execute again you have to make another request to the server - either through a postback or an ajax request, and send your data in it — ADyson
– ADyson, Commented Jan 8, 2018 at 5:57

Aman Kumar · Accepted Answer · 2018-01-08 06:44:43Z

1

Use JQUERY AJAX for send data into php page

/* Get value from clicked li */
	$(function() {

		let value = "";

		$('ul li').on("click", function() {

			value = $(this).text();
			console.log(value);
		});

		/* AJAX for send value into result.php page */

		$.post("result.php", {value: value}, function(res) {

			console.log(res); // return from result.php page 
		}); 

	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<ul>
<li>apple</li>
<li>orange</li>
<li>pear</li>
</ul>

result.php

if(isset($_POST['value']) && !empty($_POST['value'])) {

        echo $_POST['value'];
    }

edited Jan 8, 2018 at 6:44

answered Jan 8, 2018 at 6:02

Aman Kumar

4,5573 gold badges21 silver badges40 bronze badges

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

2 Comments

ADyson Over a year ago

this assumes OP is using jquery. That's fine I guess but you should make it clear since the question doesn't mention it

Louis Carmichael Over a year ago

HI, thanks for you reply. I would like to understand this code more; I'm a bit new to jquery and javascript. I understand your calling the Ajax library from the url, but I want to understand what is going on after the 'let value' command

Kushal · Accepted Answer · 2018-01-08 06:00:19Z

1

This is how you can do it. On click you can change the page or do whatever you want. In the new url you can append the fruit value as a parameter to pass it to php

    <ul>
       <li onclick="fruitsClick('apple')">apple</li>
       <li onclick="fruitsClick('orange')">orange</li>
       <li onclick="fruitsClick('pear')">pear</li>
    </ul>

<script>
function fruitsClick(fruit){
       // do whatever you want  
       window.location.href = "[yourpageurl]?fruit=" + fruit
}
</script>

answered Jan 8, 2018 at 6:00

Kushal

1,3706 silver badges16 bronze badges

Collectives™ on Stack Overflow

Pulling the string value in Javascript

2 Answers 2

Use JQUERY AJAX for send data into php page

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Use JQUERY AJAX for send data into php page

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related