1

我有图像颜色和图像 id 值的数组。

我可以回显此信息，但我不知道如何将其放入 js 文件中。

我的js文件是这样的：

$(document).ready(function(){

    var colour = false;
    $('.options').click(function(){
        colour = $(this).val();
        console.log(colour);
        if(colour == 'White'){
            var imageid = 758;
        }
        else if(colour == 'Black') {
            var imageid = 752;
        }
        else if(colour == 'Light Oak') {
            var imageid = 755;
        }
        else if(colour == 'Rosewood') {
            var imageid = 757;
        }
        else if(colour == 'Green') {
            var imageid = 754;
        }
        else if(colour == 'Red') {
            var imageid = 756;
        }
        else if(colour == 'Blue') {
            var imageid = 753;
        }
        else {
            var imageid = colour;
        }


        $('.options-input').val(imageid);

        console.log(this);

        $.post("index.php", { image_id: imageid }, function(results) {
            $('body').html(results);
            console.log(results);

         });    
        console.log(url);
    }); 
});

我目前正在手动执行此操作，单击时我可以将图像发布到我的 index.php

$_POST['image_id'];

从那里开始工作。

问题是我想根据新数组的值动态创建 js 语句。

4

4 回答 4

2

您可以按照建议混合使用 jQuery 和 php，但我更愿意避免这样做。相反，您可以将一些元素添加到具有此数据的 DOM（甚至是其他元素的属性）并稍后获取它：

<?php echo '<span id="colour" hidden="hidden">Light Oak</span>'; ?>

if (colour == $("#colour").text()) {
   // ...
}
于 2012-04-20T21:47:41.603 回答
1

请不要使用太多的 if 语句！例如，您可以使用以下内容：

// JavaScript / jQuery

var imageid,
  colorObj = {
    "White": 758,
    "Black": 752,
    "Light Oak": 755
  };

if (colorObj[colour] !== undefined) {
  imageid = colorObj[colour];
}

就这么简单！使用 PHP，您可以创建您的脚本，例如：

<?php

echo '<script type="text/javascript">var imageid,colorObj={';
$count = count($image);
for ($i = 1; $i <= $count; ++$i) {
  echo '"' . $colour . '":' . $image[$i];
  if ($i < $count) {
    echo ',';
  }
}
echo '};if(colorObj[colour]!==undefined){imageid=colorObj[colour]}</script>';
于 2012-04-20T21:59:06.047 回答
0

丑陋的方法

<script>
<?php
    foreach ($images as $index => $imageid) {

        if ($index > 0) echo "else ";
        echo "if (colour == '$colour') {\n";
        echo "    var imageid = $imageid;\n";
        echo "}\n";
    }
?>
</script>

不那么丑陋的方法

<?php

switch($color) {
    case 'White':
        $imageid = 758;
        break;
    case 'Black':
        $imageid = 752;
        break;
    case 'Light Oak':
        $imageid = 755;
        break;
}

echo "<script>var imageid = $imageid;</script>";
?>
于 2012-04-20T21:48:14.033 回答
0

在您更改问题后，我想再次回答。您似乎想根据用户从页面中的元素中选择的颜色来传递图像。您还没有发布您的 PHP 脚本，但是让我告诉您，您现在正在做的事情最好通过 PHP 来完成。

$(document).ready(function () {
  $('.options').click(function () {
    var color = $(this).val();
    if (color !== undefined && color !== null && color !== '') {
      $.post('index.php', {color: color}, function (response) {
        $('body').html(response);
      });
    }
  });
});

在您的 PHP 文件中执行以下操作：

<?php

if (isset($_POST['color']) && !empty($_POST['color'])) {
  $colors = array(
    'White' => 1234,
    'Black' => 4321,
  );
  if (array_key_exists($_POST['color'], $colors)) {
    echo $colors[$_POST['color']];
  }
}
于 2012-04-21T16:20:02.800 回答