二级联动是一种常用的页面交互效果，可以让用户根据自己的需要来选择相应的选项，从而实现快速查找信息。

在前端技术中，php和jquery都是非常强大的工具，它们可以帮助开发者轻松实现二级联动效果。

比如，在一个商品分类的选择页面中，用户需要在第一级选择商品的大类，然后在第二级选择子分类，以便更准确地查找所需商品。

<div>
<select id="category1">
<option value="1">电子产品</option>
<option value="2">日用品</option>
</select>
<select id="category2"></select>
</div>

以上是HTML代码，其中第一个select标签用来显示大类选项，第二个select标签则是空白的，用来显示子分类选项。

接下来，我们可以通过php和jquery，实现动态加载子分类选项的效果。

首先，在php中，我们需要根据用户选择的大类，来查询相应的子分类信息。

比如，当用户选择“电子产品”这个大类时，我们可以从数据库中查询出“手机”、“电脑”、“平板”等子分类信息。

<?php
if(isset($_GET['category1'])){
$category1 = $_GET['category1'];
$result = mysql_query("SELECT * FROM subcategory WHERE category1=" . $category1);
while($row = mysql_fetch_array($result)){
echo '<option value="' . $row['id'] . '">' . $row['name'] . '</option>';
}
}
?>

以上是php代码，它接收了一个GET请求，并根据请求参数来查询相应的子分类信息。

同时，它也返回了一个option标签组成的字符串，用于动态改变第二个select标签中的内容。

接下来，我们在jquery中，监听第一个select标签的change事件，并在事件触发时，使用ajax请求php页面获取子分类信息，并动态修改第二个select标签的内容。

$('#category1').change(function(){
$.ajax({
url: 'getSubcategory.php',
type: 'GET',
data: 'category1=' + $('#category1').val(),
success: function(data){
$('#category2').html(data);
}
});
});

以上是jquery代码，它监听了第一个select标签的change事件，并使用ajax请求获取子分类信息。

在请求成功后，它将得到的信息动态改变第二个select标签中的内容，从而实现了二级联动效果。

通过以上步骤，我们可以轻松地实现商品分类的二级联动效果，在用户体验方面得到了很大提升。