設置列表中的選項中選擇使用JQuery

Question

我有一個<select></select>現在列表中包含像a, b, and c現在我想一些選項，當用戶在textboxa，點擊按鈕a應在選擇列表中選擇，從今以後，任何人都可以幫我在JQuery中做到這一點。

Answer 1

假設這是您的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 2

對於像下面的標記，

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

DEMO

Answer 3

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

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

按鈕功能是找到等於輸入

Answer 5

您可以使用下面的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> 

查看this Fiddle進行工作演示。希望有所幫助！ :)