如何在選擇下拉列表值的文本框中獲得價值？

Question

嗨，我想在下拉框中選擇的文本框中顯示值。 假設我選擇了sql，我得到了jdbc：mysql：// localhost / lportal？ 我想要的這種類型的代碼

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

Answer 1

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