如何在记事本 Php 文件上使用 jsFiddle 代码

Question

$(document).ready(function() {
    $('select').change(function() {
        $('option[value=' + $(this).val() + ']').attr('disabled', 'disabled');
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<select id="1">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
</select>

<select id="2">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
</select>

我想在我的 php 文件中应用此代码，但我还没有研究 jQuery 所以我将代码复制并粘贴到我的记事本上并使用 .php 扩展名保存它并且运行它在本地主机上，但只有 html 部分是运行并且脚本不工作。请帮助我知道这是一个幼稚的问题，但我正在努力学习。

Answer 1

将此代码添加到 php 或 html 文件和运行

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<select id="1">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
</select>

<select id="2">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
</select>
<script>
$(document).ready(function() {
    $('select').change(function() {
    console.log($(this).val())
        $('option[value=' + $(this).val() + ']').attr('disabled', 'disabled');
    });
});
</script>

这会起作用

Answer 2

您在哪个 php 文件中复制了代码？ .

首先，您需要包含 jQuery。例如 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>（这是最新的）在 footer.php 中，就在结束 <body> 标签

之前

然后您可以将 javascript/jquery 代码放在扩展名为 .js 的单独文件中，然后在 body 标记结束之前在 footer.php 中调用它。（在 jQuery 调用之后）像这样 <script type="text/javascript" src="yourScripts.js"></script> // 我建议这种方法更清晰，更容易 use/manage/change 代码

或者你可以把它放在 <head> 标签里面的 header.php 里，但是你需要把它包在 <script> .... </script> 里面所以它看起来像

<script>
 $(document).ready(function(){
       your code here
 });
</script>

Answer 3

只需添加：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

并尝试使用 js 扩展并将其包含在您的 php

中

如何在记事本 Php 文件上使用 jsFiddle 代码

How to use jsFiddle code on Notepad Php file

php

jquery

jsfiddle