ビューボックスなどのオプションではなくドロップダウン（一つだけ選択）

Question

私は3に設定されたサイズとの接続のセットを表示するためのselectタグを持っている：接続が追加され、動的に削除されます

<select float="left" id="selectedConnection" name="selectedConnection" size="3" style="overflow:auto;"> 

、およびそれらが削除され、接続数が3未満になると、size属性が減少します。しかし、1つの接続だけが残っていると、サイズは1になり、ドロップダウンの形で表示されます。このように：

私は、ドロップダウンを望んでいません。これを解決する方法はありますか？

Answer 1

はこれを試してみてください：

HTML：

<select float="left" id="selectedConnection" name="selectedConnection" size="3" style="overflow:auto;"> 
<input type="text" id="selectedConnectionText" name="selectedConnection" style="display:none"> 

のjQuery：

$(document).ready(function() { 
if($('select#selectedConnection option').length == 1) 
{ 

    $("#selectedConnection").hide(); 
    $('#selectedConnectionText').val($("#selectedConnection option:first").val()); 
    $('#selectedConnectionText').show(); 

} 
}); 

わかりましたので、基本的に私がやっていることは、私は隠された状態でボックスを選択し、次のテキストボックスを持っている、です。今私はあなたが選択ボックスを投入しているかわからないので、ロード時にjqueryは選択したオプションの数をチェックします。 1の場合は、オプション値をテキストボックスに表示し、選択ボックスを非表示にしてテキストボックスを表示します。

JSFiddle：https://jsfiddle.net/oepbdtw2/