Question

我想在product.tpl（目录）中放入ajax check脚本，它应该取输入的文本框值并应该在数据库中检查，如果不存在，它应该自己给出错误消息。我有一个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">&nbsp;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 中，我应该放的是我没有得到的。有人建议我

Answer 1

这必须是硬编码的 - 选项文本字段没有class或id属性。打开具有此文本字段选项的产品详细信息，打开FireBug并检查该文本字段输入。找到它的name属性值。它可能看起来像这样：

<input type="text" value="test" name="option[208]">

现在在你的jQuery中使用它作为选择器：

$('div.options input[name="option[208]"]').change(function() { ... }

这应该有用。

并提出一个建议：不要使用某些自定义ajax_check.php文件您应该在/catalog/controller/product/product.php类中实现自己的操作（方法）并对index.php?route=catalog/product/ajax_check之类的URL执行POST（假设为新的方法/操作将被称为ajax_check）...

在product.tpl中集成ajax选项检查打开购物车

1 个答案: