我想将 ajax 检查脚本放在 product.tpl(catalog) 中,它应该采用输入的文本框值并应该检查数据库,如果不立即存在,它应该在那里给出错误消息。我有 ajax 脚本,但无法集成,因为我无法获取从后端生成的文本框名称。
这是我的 product.tpl 文本框,
<?php if ($option['type'] == 'text') { ?>
<div id="option-<?php echo $option['product_option_id']; ?>" class="option">
<?php if ($option['required']) { ?>
<span class="required">*</span>
<?php } ?>
<b><?php echo $option['name']; ?>:</b><br />
<input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" />
</div>
<br />
<?php } ?>
这是我的ajax,
<script type="text/javascript">
$(document).ready(function()//When the dom is ready
{
$("#textboxname").change(function()
{
var name = $("#textboxname").val();
if(textboxname.length > 3)
{
$("#availability_status").html('<img src="loader.gif" align="absmiddle"> Checking availability...');
$.ajax({ //Make the Ajax Request
type: "POST",
url: "ajax_check.php", //file name
data: "name="+ name, //data
success: function(server_response){
$("#availability_status").ajaxComplete(function(event, request){
if(server_response == '0')//if ajax_check.php return value "0"
{
$("#availability_status").html('<img src="available.png" align="absmiddle"> <font color="Green"> Available </font> ');
//add this image to the span with id "availability_status"
}
else if(server_response == '1')//if it returns "1"
{
$("#availability_status").html('<img src="not_available.png" align="absmiddle"> <font color="red">Not Available </font>');
}
});
}
});
}
return false;
});
});
</script>
在textboxname中,我应该放什么我没有得到。请有人建议我