0

私は<select></select>今、リストにいくつかのオプションが含まれていますa, b, and c。ユーザーが入力aしtextboxてクリックボタンaを選択リストで選択する必要があります。今後、JQueryでこれを実現するために誰かが助けてくれますか。

4

5 に答える 5

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

デモ

于 2012-04-19T20:24:52.030 に答える
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

于 2012-04-19T20:26:22.857 に答える
2

これがあなたのものであると仮定して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>

これは機能しますか？

于 2012-04-19T20:27:54.200 に答える
0 
<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/

ボタン関数は、入力と等しい値を持つオプションを見つけることです

于 2012-04-19T20:30:36.897 に答える
0

これを実現するには、次の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>

動作するデモについては、このフィドルをチェックしてください。お役に立てば幸いです。:)

于 2012-04-19T20:36:07.783 に答える