Question

下面是我的下拉列表，我正在尝试从输入字段中插入填充的值。

<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>

这是我想要将值填入下拉列表的输入字段。

<input class="name" id="nameInput" title="Name should be unique" type ="text" maxlength="100" />

以下是获取var：

中输入值的js

name = $(".name").val()

我被困在这个地方，关于如何使用这个'name'值自动弹出到下拉列表中？我正在尝试这样的事情。显然有剂量工作..

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

有没有人有想法？请帮忙！

Answer 1

尝试

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

演示：Fiddle

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

1 个答案: