复制HTML页面上显示的结果而不是选择结果中的值

Question

我正在使用具有2级过滤器的选择功能，我可以复制结果并使用脚本将其显示在另一个框中，但是我不希望选项值字段中的值我想要显示的实际文本在我的情况下必须是不同的

<select name="selectbranch" id="selectbranch">
    <option selected="selected" value="">-Select-</option>
    <option value="1">Basildon</option>
</select>

<select name="branch" id="branch">
    <option selected="selected" value="">-Select-</option>
    <option value="Basildon">staff1</option>
</select>

<input type="text"  id="branchstaff" name="branchstaff" placeholder="branchstaff" />

<script>
function sync() {
    var sel = document.getElementById("branch");
    var text = sel.options[sel.selectedIndex].text;
}
</script>

然而结果是Basildon，但我希望结果是staff1