如何在文本框中选择下拉列表值?

时间:2013-12-12 13:28:17

标签: javascript

嗨我想在下拉值选择的文本框中显示值。假设我选择了sql  我得到了像jdbc:mysql:// localhost / lportal?useUnicode = true& characterEncoding = UTF-8& useFastDateParsing = falsein jdbc url textbox.com.mysql.jdbc.Driver驱动程序类文本框中的驱动程序名称。     这种类型的代码我想要

      <form>
                <table>
                    <tr>
                        <td>Database Type</td>
                    </tr>
                    <tr>
                        <td><select name="Database Type" onclick="fillData()" id="sel_value">
                                <option value="DB2">DB2</option>
                                <option value="Derby">Derby</option>
                                <option value="Hypersonic">Hypersonic</option>
                                <option value="Ingres">Ingres</option>
                                <option value="MySQL">MySQL</option>
                                <option value="Oracle">Oracle</option>
                                <option value="P6Spy">P6Spy</option>
                                <option value="PostgreSQL">PostgreSQL</option>
                                <option value="SQL Server">SQL Server</option>
                                <option value="Sybase">Sybase</option>
                        </select>
                    </tr>
                    <tr>
                        <td>JDBC URL(required)</td>
                    </tr>
                    <tr>
                        <td><input type="text" name="jdbcUrl" style="width: 550px;" id="jdbcUrl"></td>
                    </tr>
                    <tr>
                        <td>JDBC Driver Class Name(Required)</td>
                    </tr>
                    <tr>
                        <td><input type="text" name="text" style="width: 550px;"></td>
                    </tr>
                    <tr>
                        <td>username</td>
                    </tr>
                    <tr>
                        <td><input type="text" name="text" style="width: 550px;"></td>
                    </tr>
                    <tr>
                        <td>password</td>
                    </tr>
                    <tr>
                        <td><input type="password" name="text" style="width: 550px;"></td>
                    </tr>
                </table>
            </form>

1 个答案:

答案 0 :(得分:0)

用onchange替换onclick。在这里试试这段代码:

<select name="Database Type" onchange="fillData()" id="sel_value">
      <option value="DB2">DB2</option>
      <option value="Derby">Derby</option>
      <option value="Hypersonic">Hypersonic</option>
      <option value="Ingres">Ingres</option>
      <option value="MySQL">MySQL</option>
      <option value="Oracle">Oracle</option>
      <option value="P6Spy">P6Spy</option>
      <option value="PostgreSQL">PostgreSQL</option>
      <option value="SQL Server">SQL Server</option>
      <option value="Sybase">Sybase</option>
</select>

使用Javascript:

function fillData(){
    alert($('#sel_value').val()); 
}