Question

jsFiddle

$(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扩展名保存它并在localhost上运行它但只有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

只需添加：

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

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

Answer 3

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

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

然后，您可以将javascript / jquery代码放在带有.js扩展名的单独文件中，然后在关闭footer.php标记之前在body中调用它。（在jQuery调用之后）像<script type="text/javascript" src="yourScripts.js"></script>这样的东西//我建议这种方法更简洁，更易于使用/管理/更改代码

或者您可以将其放在header.php标记内的<head>中，但是您需要将其包含在<script> .... </script>内，所以它看起来像

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

如何在记事本Php文件

3 个答案: