Fatal编程技术网

Javascript不能处理HTML文件？

javascript html

Javascript不能处理HTML文件？,javascript,html,Javascript,Html,因此，有一个名为script.js的脚本： var newLabel = ''; $('#payment_amount').on('change', function(){ $('#change_label').text(newLabel); //Change the text before changing the value switch(this.value){ case 'junior': newLabel = 'Junior Ac

因此，有一个名为script.js的脚本：

var newLabel = '';
$('#payment_amount').on('change', function(){
    $('#change_label').text(newLabel); //Change the text before changing the value
    switch(this.value){
        case 'junior':
            newLabel = 'Junior Account';
            break;
        case 'premium':
            newLabel = 'Premium Account';
            break;
    }
}).trigger('change');
我通过以下方式将其调用到我的html文件：

<script type="text/javascript" src="script.js"></script>
我的select代码如下：

<select id = "payment_amount">
    <option class="junior" value="junior">Junior</option>
    <option class="premium" value="premium">Premium</option>
</select>

<label id="change_label">Hello</label>
我已经尝试将js代码直接添加到html中，但我仍然没有任何运气。我在这个问题上哪里出错了？

您需要将jquerylibrary添加到代码中，在本地使用，或者指向下面的任何CDN

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
希望这有帮助

您需要将jquerylibrary添加到您的代码中，将其放在本地或指向任何CDN，如下面所示

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>

   <script type="text/javascript"> 
 var newLabel = ''; $('#payment_amount').on('change', function(){ $('#change_label').text(newLabel); //Change the text before changing the value switch(this.value){ case 'junior': newLabel = 'Junior Account'; break; case 'premium': newLabel = 'Premium Account'; break; } }).trigger('change'); 
</script>
希望这有帮助

   <script type="text/javascript"> 
 var newLabel = ''; $('#payment_amount').on('change', function(){ $('#change_label').text(newLabel); //Change the text before changing the value switch(this.value){ case 'junior': newLabel = 'Junior Account'; break; case 'premium': newLabel = 'Premium Account'; break; } }).trigger('change'); 
</script>
如果工作正常，请检查src attributes script.js是否为同一文件夹-

如果它工作，那么检查src attributes script.js是否是同一个文件夹-

首先添加主jquery文件。

第二，添加此代码并替换此代码

 $(document).ready( function(){
       var newLabel = '';
        $('#payment_amount').on('change', function(){
        $('#change_label').text(newLabel);
    switch(this.value){
    case 'junior':
        newLabel = 'Junior Account';
        break;
    case 'premium':
        newLabel = 'Premium Account';
        break;
   }
   }).trigger('change');
 });
首先，添加主jquery文件。

第二，添加此代码并替换此代码

 $(document).ready( function(){
       var newLabel = '';
        $('#payment_amount').on('change', function(){
        $('#change_label').text(newLabel);
    switch(this.value){
    case 'junior':
        newLabel = 'Junior Account';
        break;
    case 'premium':
        newLabel = 'Premium Account';
        break;
   }
   }).trigger('change');
 });
稍微修改一下你的HTML。看看我把脚本放在哪里了。现在试试看，看看是否有效

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <select id = "payment_amount">
        <option class="junior" value="junior">Junior</option>
        <option class="premium" value="premium">Premium</option>
    </select>
    <label id="change_label">Hello</label>
    <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="1.js"></script>
</body>
稍微修改一下你的HTML。看看我把脚本放在哪里了。现在试试看，看看是否有效

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <select id = "payment_amount">
        <option class="junior" value="junior">Junior</option>
        <option class="premium" value="premium">Premium</option>
    </select>
    <label id="change_label">Hello</label>
    <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="1.js"></script>
</body>
就你而言

检查这两件事

1导入Jquery cdn

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
2检查添加脚本的script.js文件，即其路径。可能是路径相关的问题

希望这有帮助

在你的情况下

检查这两件事

1导入Jquery cdn

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
2检查添加脚本的script.js文件，即其路径。可能是路径相关的问题

希望这有帮助

试着把它戴在头上：-

## <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="1.js"></script>
</head>
<body>
<select id = "payment_amount">
    <option class="junior" value="junior">Junior</option>
    <option class="premium" value="premium">Premium</option>
</select>
<label id="change_label">Hello</label>
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
</body>
试着把它戴在头上：-

## <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="1.js"></script>
</head>
<body>
<select id = "payment_amount">
    <option class="junior" value="junior">Junior</option>
    <option class="premium" value="premium">Premium</option>
</select>
<label id="change_label">Hello</label>
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
</body>
$s是jquery。。请将jquery脚本添加为cdn或从本地添加。在我这方面效果很好。你不工作是什么意思？你想达到什么目的？@HemaNandagopal-hmmm很抱歉这个新问题，但我如何才能将其添加到我的脚本中？@Eddie即使我更改了选择值，标签也不会更改为任何内容？我不知道我遗漏了什么。你添加了jquery吗？$是jquery。。请将jquery脚本添加为cdn或从本地添加。在我这方面效果很好。你不工作是什么意思？你想达到什么目的？@HemaNandagopal-hmmm很抱歉这个新问题，但我如何才能将其添加到我的脚本中？@Eddie即使我更改了选择值，标签也不会更改为任何内容？我不知道我遗漏了什么。你添加了jquery吗？