-5 
<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>

为什么这个功能不起作用？它给出了错误“未定义功能”。

4

3 回答 3

3

正确的属性名称是src：

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

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

此外，考虑使用changeevent for <select>element 而不是clickfor <option>，因为它更“跨浏览器”。

于 2012-10-03T10:36:40.673 回答
1

你必须写 src，顺便说一句 $(document).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>
于 2012-10-03T10:40:26.770 回答
0

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

此外，请检查HTML 参考以改进您的代码。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>
于 2012-10-03T10:43:22.490 回答