Javascript/Jquery在PHP脚本中不起作用

我正在尝试实现这个多选功能，请参见我的PHP页面上的链接。我可以让表格显示我想要的方式，但是，当我按下按钮将元素移动到任一侧时，什么都没有发生。代码在提供的链接中工作，但在我的页面中不工作，我想知道为什么会出现这种情况，以及是否缺少AJAX之类的内容。我非常感谢你的帮助。谢谢

以下是我的HTML代码：

<section class="container">
<div>
    <select id="leftValues" size="10" multiple>

            <option>1</option>
            <option>2</option>
            <option>3</option>
    </select>
</div>
<div>
    <input type="button" id="btnLeft" value="&lt;&lt;" />
    <input type="button" id="btnRight" value="&gt;&gt;" />
</div>
<div>
    <select id="rightValues" size="10" multiple></select>
</div>
</section>

我在控制台中收到以下错误：

---

错误：[异常…“JavaScript组件在调用方法：[nsIDOMEventListener:：handleEvent]nsresult:0x8057030 NS_错误\u XPC\u JSOBJECT\u没有函数\u命名位置：本机框架：：：第0行数据：否]

代码完全符合您的需要

只是有一个小错误：

...
<script type="text/javascript">
$(document).ready(function () {

$("#btnLeft").click(function () {
             var selectedItem = $("#rightValues option:selected");
             $("#leftValues").append(selectedItem);}
);

$("#btnRight").click(function () {
              var selectedItem = $("#leftValues option:selected");
              $("#rightValues").append(selectedItem);
});
}
</script>
...

因此，如果现在回答得太迟，可能你错过了一个答案

最小的问题最难发现

改用这个：

<script type="text/javascript">
$(document).ready(function () {

$("#btnLeft").click(function () {
             var selectedItem = $("#rightValues option:selected");
             $("#leftValues").append(selectedItem);}
);

$("#btnRight").click(function () {
              var selectedItem = $("#leftValues option:selected");
              $("#rightValues").append(selectedItem);
});
});
</script>

---

看起来您需要进行更多的调试

尝试更改按钮，使其发出“某物”警报，如果它们不发出任何警报，则代码会出现更大的问题

等一下

我只是对那个错误进行了一些搜索，发现了以下内容：

这个错误似乎与您的代码无关

---

我会尝试使用不同的浏览器进行测试。

不是调试服务。是否检查了控制台中的错误？我也不知道PHP和AJAX是如何做到这一点的。当您使用PHP运行页面时，控制台中是否存在JS错误？如果有，请将其添加到您的问题中。如果JS正在运行，这听起来像是某个地方出现了某种小的语法错误。可能与AJAX没有关系。当我检查控制台时，这是我收到的错误：错误：[Exception…“JavaScript组件在调用方法：[nsIDOMEventListener:：handleEvent]时没有名为：handleEvent的方法：[nsIDOMEventListener:：handleEvent]nsresult:0x8057030 NS_error\u XPC_JSOBJECT_没有函数\u命名位置：本机框架：：：：：第0行数据：否]谢谢，我没注意到。但是，在进行正确的编辑后，问题仍然存在。检查控制台调试我复制并粘贴了您的代码，这是我为获得所需结果所做的唯一更改。谢谢，我会查看一下。当我检查控制台时，这是我收到的错误：错误：调用方法[nsIDOMEventListener:：handleEvent]nsresult:0x8057030 NS\u错误\u XPC\u JSOBJECT\u没有函数\u命名位置：本机框架：：：第0行数据：否]非常感谢。当我将浏览器从Firefox切换到Chrome时，它终于起作用了。此外，我必须通过HTTPS而不是HTTP访问javascript文件，因此我的新标签看起来是这样的：有人建议某些扩展可能是问题所在……就我个人而言，我会逐个删除/卸载我的扩展，以确定是哪个扩展导致了问题这个问题。

...
<script type="text/javascript">
$(document).ready(function () {

$("#btnLeft").click(function () {
             var selectedItem = $("#rightValues option:selected");
             $("#leftValues").append(selectedItem);}
);

$("#btnRight").click(function () {
              var selectedItem = $("#leftValues option:selected");
              $("#rightValues").append(selectedItem);
});
}
</script>
...

...
<script type="text/javascript">
$(document).ready(function () {
   /*code to be executed */
}
</script>
...

...
<script type="text/javascript">
$(document).ready(function () { /*code to be executed */ }
</script>
...

$(document).ready(function () { /*code to be executed */ });

<script type="text/javascript">
$(document).ready(function () {

$("#btnLeft").click(function () {
             var selectedItem = $("#rightValues option:selected");
             $("#leftValues").append(selectedItem);}
);

$("#btnRight").click(function () {
              var selectedItem = $("#leftValues option:selected");
              $("#rightValues").append(selectedItem);
});
});
</script>