关于select选中option时的方法

今天在给项目添加新功能的时候遇到了一个问题，就是关于select怎么
选中的option关联起来
比如：

        <select id='two' class="form-control" name="site">
            <option value="1"></option>
            <option value="2"></option>
            <option value="3"></option>
            <option value="4"></option>
            <option value="5"></option>

        </select>

其实可以直接通过 绑定change事件 ，通过$(“#two”).val(),来获取选中 option中的value值，然后进行判断。

但是我今天遇到的问题是，option里面的value值到时候要绑定在option的text上，到时候提交到后台的时候，是直接提交value值的。进行判断的时候就不能用到value值了。
于是我想到了给option添加一个自定义属性

        <select id='two' class="form-control" name="site">
            <option value="1" data-class="1"></option>
            <option value="2"></option>
            <option value="3"></option>
            <option value="4"></option>
            <option value="5"></option>

        </select>

可以通过$(“#two”).find(“option:selected”).data(“class”);来找到带有该自定义属性的option，这样就可以不与value冲突了。