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);
    });

Answer 1

<select name="pro_isFirst" id="pro_isFirst">
  <option value="0" {$projectinfo['pro_isFirst'] == "0" ? 'selected' : ''}>否</option>
  <option value="1" {$projectinfo['pro_isFirst'] == "1" ? 'selected' : ''}>是</option>
</select>

虽然不知道你用的是什么模版引擎, 但是思路就是这样子, 再用js给select再赋值一次, 纯属多此一举.
reset之后, select如果有option带selected属性, 那么自动选择该选项, 如果没有, 则自动选中第一个