在javascript中提取字符串值

t98cgbkg  于 2021-06-21  发布在  Mysql
关注(0)|答案(2)|浏览(350)

所以我有一个无序的项目列表,它是通过查询mysql数据库生成的

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

我想有一个onclick事件,将通过'苹果'当我点击苹果和'橙色'当我点击橙色。
我还想通过php将这些信息传递到另一个页面。这就是我对javascript函数的想法。

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

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

我的问题是:javascript中有没有一种方法允许我在不编写自己函数的情况下提取无序列表的原始字符串值?如果我必须编写自己的javascript函数,有没有方法在填充列表时自动设置'name'字符串?

dfddblmv

dfddblmv1#

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

lvjbypge2#

使用jqueryajax将数据发送到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>

结果.php

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

        echo $_POST['value'];
    }

相关问题