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

さらに、 「クロスブラウザ」であるため、の代わりに要素のchangeイベントを使用することを検討してください。<select>click<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 に答える