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-boxes，我想在一行中显示，但是我将这两个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 回答