使用JQuery设置所选列表中的选项

我有一个

现在这个列表包含了一些选项，比如

a、b和c

现在我想当用户在

文本框中输入
a
并点击按钮时，应该在选择列表中选择
a
，从今以后，有人能帮我在JQuery中实现这一点吗

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


A.
B
C
挑选

下面的脚本应该可以做到这一点

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

$（'#sch'）。在（'click'，函数（）{/上，对于下面这样的标记

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


A.
B
C
挑选

下面的脚本应该可以做到这一点

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

$（'sch'）。在（'click'，函数（）{/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>


A.
B
C
去

请参见此处的工作示例：
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>


A.
B
C
去

请参见此处的工作示例：
假设这是您的
选择：

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

这是你的
脚本

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


$（“#按钮”）。单击（新建函数（）{
var option=$（“#文本框”）.val（）；
$（'select#'+option）.attr（“selected='true'）；
});

这行吗？
假设这是您的
选择
：

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

<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')
    });​

这是你的
脚本

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


$（“#按钮”）。单击（新建函数（）{
var option=$（“#文本框”）.val（）；
$（'select#'+option）.attr（“selected='true'）；
});

这行吗？

<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')
    });​

A.
D
C
​
$（“#选择”）。单击（函数（）{
$（'select option[value='+$（'#letext'）.val（）+']'）.prop（'selected'，'true'））
});​


按钮功能是查找一个值等于输入值的选项
A.
D
C
​
$（“#选择”）。单击（函数（）{
$（'select option[value='+$（'#letext'）.val（）+']'）.prop（'selected'，'true'））
});​


按钮功能是查找一个值等于输入值的选项
您可以使用以下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>​


A.
B
C
​

与此jQuery代码片段一起使用

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


$（函数（）{
$（'#btn'）。单击（函数（）{
$（'select option[value=“”+$（'#input'）.val（）+“]'））.prop（'selected'，true）；
});
});​

查看工作演示。希望有帮助！：）
您可以使用以下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>​


A.
B
C
​

与此jQuery代码片段一起使用

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


$（函数（）{
$（'#btn'）。单击（函数（）{
$（'select option[value=“”+$（'#input'）.val（）+“]'））.prop（'selected'，true）；
});
});​

查看工作演示。希望有帮助！：）
您可能应该进行检查，以确保该选项存在。尽管这可能没有什么区别。@DavidThomas是的，问题不完整。.所以我给出了一个粗略的版本。我知道；但只要您尝试回答=b@DavidThomas更新了一个演示：）并进行了投票！不过，说真的，谢谢你改进了答案也许应该检查一下以确保选项存在。虽然这可能没有什么区别。@DavidThomas是的，问题不完整。所以我只是给出了一个粗略的版本。我知道；但只要你试图回答=b@DavidThomas更新了一个演示：）并进行了投票！不过，说真的，谢谢你改进了答案。=）你会成功的单击带有该代码的任何按钮后，将所有选择的值与所有
输入的第一个
元素的值相加。我知道这一点。如果他不理解，那么他可能根本不应该使用jquery。看看这个问题，你认为他/他理解jquery吗？你将使用单击带有该代码的任何按钮后，
input
元素中第一个元素的值。我知道这一点。如果他不理解，那么他可能根本不应该使用jquery。看看这个问题，你认为他/他理解jquery吗？