Jquery 如何使“选择框”值处于选中状态

我有下面的html php表单和选择下拉框，我添加了30天使用php和下拉框，现在，我想从中选择值，我已添加jquery以显示所选值，它正在工作，但上一个所选值未删除它显示上一个值请在我创建的表单下面给我解决方案，以及jquery以显示所选值更改

<form name = "form1" id = "form1" action = "#" method = "post">
  <div id="myform">
  <select name = "DropDownList1" id = "DropDownList1">
<?php
$myVar="";
 for($i=1;$i<=30;$i++){
?>
<option value="<?php echo $i; ?>"  id="weeks"> <?php echo $i;?> <?php if($i==1){ echo "Day";} else{echo "Days";}?></option>
<?php }?>
  </select> <!-- finish the form in html -->
  </div>
  <select name = "DropDownList2" id = "DropDownList2">
<option value="1" <?php if ($myVar==1) echo 'selected="selected"';?>>First Week</options>
<option value="2" <?php if ($myVar==2) echo 'selected="selected"';?>>Second Week</options>
<option value="3" <?php if ($myVar==3) echo 'selected="selected"';?>>Third Week</options>
<option value="4" <?php if ($myVar==4) echo 'selected="selected"';?>>Fourth  Week</options>

</select>

  <input type="submit" value="go" name="go">
</form>





<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>

jQuery( document ).ready(function() {

            jQuery( "#myform #DropDownList1" ).change(function() {
                   var selbox= jQuery(this).val();
             jQuery("#DropDownList1 option[value='" + selbox + "']").attr("selected","selected");

            });

        });

</script>

---

你为什么这么做？当我们更改下拉列表的值时，将自动选择如何执行此操作，然后应显示选择的选项我有一些静态选择框，如第一周第二周第三周第四周，因此如何显示两个选择选项的选择。如果php或jquery对此有解决方案，请给我解决方案