0

を使用してjquery.ui.combifyいます。

以下は私のHTMLファイルです：

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css" type="text/css" media="all" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
        <link rel="stylesheet" type="text/css" href="jqgridcss/jquery.ui.combify.css" />
        <script type="text/javascript" src="jqgridjs/jquery.ui.combify.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#MySelect").combify();
            $("#MySelect2").combify();
        });
    </script>
    </head>
    <select id="MySelect">
        <option>Some Option</option>
        <option>Some Other Option</option>
    </select>
    <select id="MySelect2">
        <option>Some Option</option>
        <option>Some Other Option</option>
    </select>
</html>

combo-boxes1行で表示したい2 つの がありますが、この 2 つcombo-boxesを別々の行で取得しています。

次のようcombo-boxesに表示されます。

選択1

しかし、それらは次のように見えます:

ここに画像の説明を入力

それで、これに対する解決策があれば教えてください。

前もって感謝します..

4

2 に答える 2

1 
#MySelect{float:left;}
#MySelect2{float:left;}

float:leftまたは_float:right

于 2013-03-21T13:10:09.697 に答える
0

このコードを試してください....

<html>
<body>
    <table>
    <tr>
     <td><select id="MySelect">
            <option>Some Option</option>
            <option>Some Other Option</option>
        </select> 
     </td>
    <td>
    <select id="MySelect2">
            <option>Some Option</option>
            <option>Some Other Option</option>
        </select>
    </td>
    </tr>
    </body>
</html>
于 2013-03-21T13:04:22.060 に答える