Javascript 将jscolor选择变量从jquery传递到php不起作用

我正在使用jscolor.js函数显示颜色选择器。用户选择一种颜色，然后输入mysql供以后使用。问题是我可以回显/提醒选择的颜色，但它并没有被传递给php。如果我硬编码，它工作得很好。有人对我遗漏的东西有什么建议吗

<?php

include ('config.php');

$get_coords = mysqli_query($link, "SELECT * FROM color WHERE color_id = '1'");
while($row = mysqli_fetch_array($get_coords)) {
$color_id = $row['color_id'];
$color = $row['color'];

echo "<div style=color:#$color;>Select a color:</div> <input id='myField1'>";
}

?>

<script type="text/javascript">

$(document).ready(function() {

var myPicker = new jscolor.color(document.getElementById('myField1'), {});
myPicker.fromString('<?php echo $color; ?>');

$("#myField1").change(function() {
alert(myPicker);
$.post('updatecolor.php', { 'color': myPicker });
});
});

</script>

现在已全部排序

我已将PHP更改为：

echo "<div id='mypick' style=color:#$color;><h1>Select a color:</h1></div>"; 

难道你不应该在
change
块中选择颜色吗？使用开发人员工具进行网络跟踪，帖子是否通过？如果我注释掉$，则运行跟踪。如果我将其保留在其中，则无错误。错误为TypeError：只能在NodeList实例上调用NodeList.item。如前所述，如果硬代码1234（例如，$.post（'updatecolor.php'，{'color'：'1234'）；如果这有帮助的话，它可以正常工作。
echo "<div id='mypick' style=color:#$color;><h1>Select a color:</h1></div>"; 

var myPicker = $("#myField1").val();
$.post('updatecolor.php', { color:myPicker });
document.getElementById('mypick').style.color = myPicker;