Untitled

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <link rel="stylesheet" type="text/css" media="screen" href="http://localhost/phpgrid/lib/js/themes/south-street/jquery-ui.custom.css"></link>
  <link rel="stylesheet" type="text/css" media="screen" href="http://localhost/phpgrid/pages.css"></link>
<script src="http://localhost/phpgrid/lib/js/jquery.min.js" type="text/javascript"></script>
<script src="http://localhost/phpgrid/lib/js/themes/jquery-ui.custom.min.js" type="text/javascript"></script>
<script>
 $(document).ready(function(){
  $( "#total" ).tabs();
    $("#option").change(function(){
      $.post('untitled2.php', { value : $("#option").val() },
      function(data) {
          $('#total').html(data);
        });
    });
    });
</script>
</head>
<body>
<div id="tabs" class="welcometitle">
    <?php echo "Welcom User !";?><br>
    <a href="logout.php"><font size="2.5">Log out</font></a>
  <br>
       </div>

<div id="total">
    <label for="call">Total Calls By :&nbsp;</label>
    <select name="call" id="option">
     <?php
         if (!isset($_POST['value'])) {$_POST['value'] = '';};?>
      <option value="val1" <?php if($_POST['value'] == 'val1'){echo 'selected="selected"';}?>>1</option>
      <option value="val2" <?php if($_POST['value'] == 'val2'){echo 'selected="selected"';}?>>2</option>
      <option value="val3" <?php if($_POST['value'] == 'val3'){echo 'selected="selected"';}?>>3</option>
      <option value="val4" <?php if($_POST['value'] == 'val4'){echo 'selected="selected"';}?>>4</option>
      </select>
      <?php
         if (!isset($_POST['value'])) {$_POST['value'] = '';};
      echo $_POST['value'];?>

</div>
</body>
</html>