如何在选择下拉列表值的文本框中获取值

how to get value in textboxes selecting dropdown list value?

本文关键字:文本 获取 选择 下拉列表      更新时间:2023-09-26

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

      <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>

将onclick替换为onchange。这里试试这个代码:

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