Question

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

我的表格

<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＆amp; 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);
});

选择与第一个输入中输入的文本具有相同值的选项如果该选项不存在，则不执行任何操作。

从INPUT字段jQuery填充SELECT OPTION

1 个答案: