从输入字段 jQuery 填充 SELECT OPTION

Question

我一直在使用 SELECT OPTION 使用 jQuery 提供 INPUT 字段，但我一直坚持如何从几个 INPUT 字段中提供 SELECT OPTION

我的表格

<form>
    <input type="text" name="box1" id="box1"/>
    <input type="text" name="box2" id="box2"/>
    <select name="allinputtogether">
        <option value="pullthevaluefrominputbox1">pullthevaluefrominputbox1</option>
        <option value="pullthevaluefrominputbox2">pullthevaluefrominputbox2</option>
    </select>
</form>

如何获取用户在输入后在INPUT（box1 和 box2）字段中输入的值，然后在SELECT OPTION 中显示供用户使用，然后选择表单的下一阶段使用jQuery？

我使用下面的这个 jQuery 将 SELECT 中选择的选项输入到 INPUT 字段中，但是我该如何扭转这种情况？

<select name="MySELECT" id="MySELECT">
   <option value="1">MyDBfeedsthisSelect</option>

   $(function() {
        $("#MySELECT").change(function(){
            var TheSelect= $('option:selected', this).attr('whichselectionoption');
            $('#theselector').val(TheSelect);                
        });
    });

<input type='hidden' id="theselector" name="theselector" value=""/>

Answer 1

你可以试试这个代码：

http://jsfiddle.net/v7f1xetb/

$("#box1").on("keyup",function(){
    $('select[name="allinputtogether"]  option[value="'+$(this).val()+'"]').prop('selected', true);
});

它选择与第一个输入中输入的文本具有相同值的选项。
如果该选项不存在，则什么都不做。