Question

<html>
<head><script scr="http://code.jquery.com/jquery-1.8.2.min.js" ></script> </head>
<div id="cont1">
<select id="sel1" name="sel1" multiple>
<option value="First">First</option>
<option value="Second">Second</option>
<option value="Third">Third</option>
</select>
</div>
<script>
$(function() {
$('#sel1 option').on('click', function(e){
if($(this).is(':selected')){
$('<input value="'+$(this).val()+'" />').appendTo('#cont1');
}
});
});
</script>
<html>
</body>
<html>

为什么这个功能不起作用？它给出错误'函数未定义'。

Answer 1

正确的属性名称是src：

         v-------------- correct the attribute name
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

此外，您应该检查您的标记，因为正确的标记必须包含<body>标记和一对正确放置的<html></html>标记。

此外，请考虑为<select>元素使用change事件而不是click使用<option>，因为它更像是“跨浏览器”。

Answer 2

你必须写src，btw $（文件）.ready（function（）{更好。

<html>
<head>
    <script src="http://code.jquery.com/jquery-1.8.2.min.js" ></script>
    <script>
    $(document).ready(function() {
        $('#sel1 option').on('click', function(e){
            if($(this).is(':selected')){
                $('<input value="'+$(this).val()+'" />').appendTo('#cont1');
            }
        });
    });
    </script>
</head>
<body>
    <div id="cont1">
        <select id="sel1" name="sel1" multiple>
            <option value="First">First</option>
            <option value="Second">Second</option>
            <option value="Third">Third</option>
        </select>
    </div>
</body>
</html>

Answer 3

提示：格式化代码永远不会伤害。

另外，请检查HTML reference以改进您的代码。 scr ，许多正文标记等

<!DOCTYPE html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script type="text/javascript">
    $(function() {
        $('#sel1 option').on('click', function(e){
            if ($(this).is(':selected')) {
                $('<input value="'+$(this).val()+'" />').appendTo('#cont1');
            }
        });
    });
    </script>
</head>
<body>
    <div id="cont1">
        <select id="sel1" name="sel1" multiple="multiple">
            <option value="First">First</option>
            <option value="Second">Second</option>
            <option value="Third">Third</option>
        </select>
    </div>
</body>
</html>

jquery函数未定义

3 个答案: