显示所选选项的值而不是html选择中的文本

Question

我有一个select，其中包含遵循此格式的所有选项（a，b，c，d） 例如。 '1000，余额，0,4'。
下拉菜单（实际上在某些情况下是一个带有可搜索/可过滤列表的弹出窗口）应该显示上面示例中显示的选项，但是当选择了一个选项时，实际的select框应该只显示第一个价值 例如。 '1000'。
你会怎么做呢？我正在使用javaScript和jQuery以及html。不要担心提取正确的值来显示，我基本上只是想知道如何将显示的值设置为除实际值之外的其他值。

我有一个返回我想要显示的值的方法（例如'1000'），所以我想做类似的事情

$("#selectID").val("1000");

选项添加如下：

for (var i = 0; i < this.dataTable().Rows().length; i++) { 
        var option = document.createElement("option");
        option.text = this.getDataTableText(this.dataTable().Rows()[i]).replace(/\s{2,}/g, '');
        option.value = this.getDataTableText(this.dataTable().Rows()[i]).replace(/\s{2,}/g, '').split(",")[0];
        sel.options.add(option, (i)); 
    }

所以我只想将显示的值设置为选项的值而不是文本。