Jquery 如何使用输入字段中的值填充下拉字段

下面是我的下拉列表，我试图从输入字段中获取插入的填充值

<div id="escDivTable" class="subText">You don't have any values. Set up an escalation value.</div>
<select id ="Options">
<option>Option1</option><option>Option2</option><option>Option3</option></select>

我被困在这个地方，至于如何使用这个“名称”值自动弹出到下拉列表中？我试过这样的东西。显然，这是一项艰巨的工作

<script type='text/javascript'>
$(function() {
$('.name').change(function() {
name = $(".name").val()
$('#Options').val(name);
});
});
</script>

$（函数（）{
$（'.name'）.change（函数（）{
name=$（“.name”）.val（）
$（“#选项”）.val（名称）；
});
});

有人有想法吗？请帮忙

试试看

$(function () {
    var $opts = $('#Options');
    $('.name').change(function () {
        var name = this.value;
        var len = $opts.find('option').filter(function () {
            return $(this).text() == name
        }).length;
        if (!len) {
            $opts.append('<option value="' + name + '">' + name + '</option>');
        }
        $opts.val(name)
    });
});

$（函数（）{
var$opts=$（“#选项”）；
$（'.name'）.change（函数（）{
var name=this.value；
var len=$opts.find（'option'）.filter（函数（）{
返回$（this）.text（）==名称
}).长度；
如果（！len）{
$opts.append（“”+名称+“”）；
}
$opts.val（名称）
});
});

演示：

<script type='text/javascript'>
$(function() {
$('.name').change(function() {
name = $(".name").val()
$('#Options').val(name);
});
});
</script>

$(function () {
    var $opts = $('#Options');
    $('.name').change(function () {
        var name = this.value;
        var len = $opts.find('option').filter(function () {
            return $(this).text() == name
        }).length;
        if (!len) {
            $opts.append('<option value="' + name + '">' + name + '</option>');
        }
        $opts.val(name)
    });
});