Question

所以我有这个无序的查询mysql数据库的项目列表

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

我希望有一个onclick事件将通过＆＃39; apple＆＃39;当我点击苹果和＆＃39;橙色＆＃39;当我点击橙色时。

我也想通过php将这些信息传递到另一个页面。所以这是我对javascript函数的想法。

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

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

我的问题：JavaScript中是否存在一种方法，允许我在不编写自己的函数的情况下提取无序列表的原始字符串值？如果我必须编写自己的JavaScript函数，有没有办法设置＆＃39; name＆＃39;列表填充时会自动进行字符串吗？

Answer 1

这就是你如何做到的。点击后，您可以更改页面或执行任何操作。在新的url中，您可以将fruit值附加为参数，以将其传递给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>

Answer 2

使用JQUERY AJAX将数据发送到php页面

/* 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'];
    }

在Javascript中拉取字符串值

2 个答案:

使用JQUERY AJAX将数据发送到php页面