Home/ Questions/Q 8631841
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T09:16:21+00:00

<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

  • 0
<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>

Why is this function not working? It gives the error ‘function not defined’.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The correct attribute name is src:

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

    Also you should check your markup, since the correct one must contain the <body> tag and one correctly placed pair of <html></html> tag.

    Additionally, consider using change event for <select> element instead of click for <option>, since it is more ‘cross browser’.

    • 0