jQuery working well in all browsers except safari
Posted: Fri Jun 10, 2011 2:24 am
I made two multiple selection drop down list & want to put content of first list to second one, so I did that & its working fine in all browsers except Safari, please let me know if I did anything wrong. Below is my code:
Note: Its showing me no error no warning nothing, just its not working.
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#assign_right").click(function(){
$("#place_article_list").append($("#article_left_list option:selected:not(:empty)").clone());
$("#article_left_list option:selected").remove();
});
$("#assign_left").click(function(){
$("#article_left_list").append($("#place_article_list option:selected:not(:empty)").clone());
$("#place_article_list option:selected").remove();
});
$("#assign_whole_right").click(function(){
$("#place_article_list").append($("#article_left_list option:not(:empty)").clone());
$("#article_left_list option").remove();
});
$("#assign_whole_left").click(function(){
$("#article_left_list").append($("#place_article_list option:not(:empty)").clone());
$("#place_article_list option").remove();
});
});
</script>
</head>
<body>
<select class="multiple-select" name="article_list" id="article_left_list" size="6" multiple="multiple">
<?php
while($select_row = mysql_fetch_array($select_result))
{
echo '<option value="'.$select_row['article_id'].'">'.$select_row['article_title'].'</option>';
}
?>
</select>
<ul>
<li><input type="button" id="assign_right" name="assign_right" value=">" style="width:35px;" title="Assign Right" /></li>
<li><input type="button" id="assign_whole_right" name="assign_whole_right" value=">>" style="width:35px" title="Assign Whole Right" /></li>
<li><input type="button" id="assign_left" name="assign_left" value="<" style="width:35px" title="Assign Left" /></li>
<li><input type="button" id="assign_whole_left" name="assign_whole_left" value="<<" style="width:35px" title="Assign Whole Left" /></li>
</ul>
<select class="multiple-select" id="place_article_list" name="place_article_list" size="6" multiple="multiple">
</select>
</body>
</html>