Question

有人可以告诉我如何在网页上使用此代码吗？特别应该在标题中进行什么？

对不起，如果这是一个基本问题......陡峭的学习曲线！

由于

Answer 1

您的代码正在使用jQuery JavaScript库...所以您的头脑需要包含：

<script type="text/javascript" src="<jquery url>"></script>

将<jquery url>替换为有效的URL到jQuery库。我建议您使用Google CDN作为网址，或者下载副本并将其存储在您的服务器上 - ＆gt; http://docs.jquery.com/Downloading_jQuery#Download_jQuery

然后确保您的代码在DOM准备好后运行，将所有JavaScript包装在以下内容中：

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

Docs for ready() here

如果您将更多地使用jQuery，我建议您开始阅读http://docs.jquery.com/How_jQuery_Works，如果您要学习JavaScript，那么阅读本文也不会出错 - ＆gt; https://developer.mozilla.org/en/JavaScript/Guide

Answer 2

复制下面的代码，使用.html扩展名保存（例如test.html），然后双击打开。

<html>

<head>
<title>Page Title here</title>
</head>
<body>
<select id="t_dermal_name">
    <option value="t_default_dermal">-- Choose --</option>
     <option value="1" rel="30">Between Eyebrows</option>
     <option value="7" rel="30">Individual Line Softening</option>
     <option value="2" rel="30">Lip Contouring</option>
</select>
<select id="t_wrinkle_name">
    <option value="t_default_wrinkle">-- Choose --</option>
     <option value="1" rel="30">Between Eyebrows</option>
     <option value="7" rel="30">Individual Line Softening</option>
     <option value="2" rel="30">Lip Contouring</option>
</select>
<span id="output"></span>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script><!--You can use a local version of jquery-->
<script type="text/javascript">
$(document).ready(function(){
function onSelectChange(){
    var total = 0,
        dermal = $("#t_dermal_name").find('option:selected'),
        wrinkle = $("#t_wrinkle_name").find('option:selected');

    if(value = dermal.attr('rel')){
        total += parseInt(value);
    }

    if(value = wrinkle.attr('rel')){
        total += parseInt(value);
    }

   $("#output").html(total);


}

$("#t_dermal_name").change(onSelectChange);
$("#t_wrinkle_name").change(onSelectChange);
 });
</script>
</body>

如何在网页上添加JavaScript代码？

2 个答案: