Hi to all,
Please help me to my problem, i have a form that will select all the list of item on my db using select option. i create jquery function. kindly refer to the code below:
FORM:
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="jquery/jquery-ui-min.js
"></script>
<link rel="stylesheet" type="text/css" href="mycss/playlist.css" />
<script type="text/javascript">
function getList()
{
$.post('getList.php',{slect: form2.slect.value},
function(output)
{
$('#list').html('<li id="item">'+output+'</li>').show();
});
$(document).ready(function(){
$('#item').click(function(){
alert("HI");
});
});
}
</script>
</head>
<body>
<div id="nav">
<div id="form">
<div id="headers">
MediaSign
</div>
<div id="content">
Content:</br>
</div>
<form name="form2">
<select name="slect" onchange="getList()">
<option value="">Select:</option>
<option value="1">Videos</option>
<option value="2">Image</option>
<option value="3">SWF</option>
<option value="4">HTML File</option>
<option value="5">Marquee</option>
</select>
</form>
<div id="list">PLEASE</div>
</div>
<div id="footer"></div>
</div>
</div>
</body>
</html>
my post call:
<?php
include('config.php');
$list = $_POST['slect'];
if($list == 1)
{
$result = mysql_query("SELECT * FROM video");
echo"<ul>";
while($row = mysql_fetch_array($result))
{
echo "<li id='item' >".$row['filename']."</li>";
}
echo'</ul>';
}
?>
Why i cannot access my ('#item').
I needed badly the answer.
Thank you,
Joener