jquery - 从使用 JQuery 选择的列表中设置选项

Question

我<select></select>现在有一个列表包含一些选项，就像a, b, and c现在我希望当用户输入并a在选择列表中选择textbox单击按钮时，任何人都可以帮助我在JQuery中实现这一点。a

Answer 1

对于像下面这样的标记，

<select id="selectOpt">
   <option value="a">a</option>
   <option value="b">b</option>
   <option value="c">c</option>
</select>

<input type="textbox" id="txtbox1" />

<button id="sch">Select</button>

下面的脚本应该可以解决问题，

$('#sch').on('click', function () {      //<-Bind click handler for button using .on
     var txtVal = $('#txtbox1').val();   //<-Get the value entered in the textbox

     if ($('#selectOpt option[value=' + txtVal + ']').length > 0) {
        //^-- Above line checks if the entered value exist in the options list

        $('#selectOpt').val(txtVal );    //<-Set the value of the select with the entered value
     }
});

演示

Answer 2

Javascript：

$(function(){
  $("#someButton").click(function(){
    $("#someSelect").val($("#someInput").val());
  });
});

html:

<select id="someSelect">
    <option>a</option>
    <option>b</option>
    <option>c</option>
</select>
<input id="someInput" type="text" />
<button id="someButton">Go</button>

在此处查看一个工作示例：http: //jsbin.com/ipevaz/3/edit

Answer 3

假设这是你的select：

<select>
    <option id="a" value="a"/>
    <option id="b" value="b"/>
    <option id="c" value="c"/>
    <option id="d" value="d"/>
</select>

这就是你input

<input type="text" id="textbox" /> <input type="button" id="button"/>

这是你的script

<script>
    $('#button').click(new function(){
        var option = $("#textbox").val();
        $('select #'+option).attr("selected='true'"); 
    });
</script>

这行得通吗？

Answer 4

您可以使用以下 HTML 来完成此操作。

<input type="text" id="input" />
<input type="button" id="btn" value="Move to Select" />

<select>
    <option value="a">a</option>      
    <option value="b">b</option>      
    <option value="c">c</option>  
</select>​

连同这个 jQuery 片段。

<script type="text/javascript">
    $(function () {
        $('#btn').click(function () {
            $('select option[value="' + $('#input').val() + '"]').prop('selected', true);   
        });
    });​
</script>

查看这个 Fiddle以获得工作演示。希望有帮助！:)

Answer 5

<select>
  <option value="a">a</option>
  <option value="b">d</option>
  <option value="c">c</option>
</select>

<input type="text" id="letext" maxlength="1"/>
<input type="button" id="select" value="Select" />
​


$('#select').click(function(){

    $('select option[value=' +  $('#letext').val() +']').prop('selected','true')
    });​

http://jsfiddle.net/chepe263/UNmT8/

按钮功能是找到一个值等于输入的选项