js 里如何让reset按钮重置之后不改变select标签里面的初始属性

Question

rt,我的表单样式里面有一个要依靠后台数据来初始化显示的select内容（是否置顶），我使用Js实现的动态选择。但是现在有一个问题，当我点击重置之后它就自动变成“否”（代码里面写在前面那个内容），有时候我根据后台内容默认初始的是“是”，重置之后也变成“否”了，我应该怎么做才能让重置之后select选中的依然是选择之后的值。我尝试在reset按钮之后加了一个onclick操作让他来再选择一次依然没有用，请问我应该怎么做？

我的代码如下：
select

   <select name="pro_isFirst" id="pro_isFirst">

                <option value="0">否</option>

                <option value="1">是</option>

                <input type="hidden" id="is_first" name="is_first" value="{$projectinfo['pro_isFirst']}"  />

            </select>

js：

<script type="text/javascript">

    $(function(){

        var isfirst=document.getElementsByName("is_first")[0].value;

        $("#pro_isFirst").val(isfirst);

    });