我有一个mySQL查询循环,可以获取表中可用项目的列表。我将结果放在这样的divs中:
<?php $myStats = $mysqli->query("SELECT * FROM packages, packages_benefits WHERE packages.package_id = packages_benefits.package_id AND packages.status = 'Active'");
if ($myStats->num_rows > 0) {
// output data of each row
while($row = $myStats->fetch_assoc()) {
echo '<div class="advertise_unit">';
echo '<div class="advertise_unit_u">';
echo '<h10>'.$row['name'].'</h10>';
echo '<div class="button_p">Buy Now</div>';
echo '</div>';
echo '<div class="description_contain"><li>'.$row['b_1'].'</li></div>';
echo '<div class="description_contain"><li>'.$row['b_2'].'</li></div>';
echo '<div class="description_contain"><li>'.$row['b_3'].'</li></div>';
echo '<div class="description_contain"><li>'.$row['b_4'].'</li></div>';
echo '<div class="price_tag"><h4>£'.$row['price'].'</h4></div>';
echo '</div>';
} } ?>
这会产生这样的结果:
Wrapped In Div ($row['name'] = Result 1 ). Wrapped In Div($row['name'] = Result 2) . Wrapped In Div ($row['name'] = Result 3)
接下来,根据用户单击哪个button_p div
,我想运行我的jQuery脚本以检索/插入该divs $ row ['name']的相应值到我的表单选择字段。请记住,每个值都会有所不同 - 取决于点击的DIV。
<div id="registration" style="display:none; padding:5.5em; text-align: left;">
<?php include 'assets/registration.php';?>
</div>
<script>
$('.button_p').click(function(){
$("#ad_type select").val($row['name'] value of DIV CLICKED SHOULD GO HERE);
$('#registration').show(150);
$('html, body').scrollTop($('#registration').offset().top);
return false; // Please put the return false; at the end.
});
</script>
页面registration.php的内容:
select name="Advert Type" id="ad_type" class="edit">
<option value="Deluxe">Deluxe</option>
<option value="Premium">Premium</option>
<option value="Basic">Basic</option>
</select>
请有人告诉我如何做我要实现的目标。本质上,如果您想象有3个结果显示。所有$ row ['name']的值不同。
Div<div class="button_p"></div>
$row['name'] = 1 .
Div<div class="button_p"></div>
$row['name'] = 2 .
Div<div class="button_p"></div>
$row['name'] = 3 .
对于每个div的用户,用户单击的任何一个div-我想检索该div的$ row ['name']的相应值,然后使用jQuery输入我的选择字段。
预先感谢。
仅通过 #ad_type 替换选择器,然后获得单击div的$ raw [name']的值。
<script>
$('.button_p').click(function(){
$("#ad_type").val($(this).parent('.advertise_unit_u').find('h10').html());
$('#registration').show(150);
$('html, body').scrollTop($('#registration').offset().top);
return false; // Please put the return false; at the end.
});
</script>