Форум программистов [Powered by Invision Power Board]

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <title></title>
        <style type="text/css">
            .select-and-input {
                position: relative;
                height: 30px;
                width: 100px;
            }
            .select-and-input select {
                position: absolute;
                z-index: 0;
                top: 0;
                left: 0;
                height: 24px;
                width: 100px;
            }
            
            .select-and-input input {
                position: absolute;
                z-index: 1;
                top: 0;
                left: 0;
                height: 20px;
                padding:0;
                width: 78px;
            }
        </style>
    </head>
    <body>
     <form>
            <div class="select-and-input">
                <select name="selectName" onchange="parentNode.getElementsByTagName('input')[0].value=value">
                    <option value="Value1">Value1</option>
                    <option value="Value2">Value2</option>
                    <option value="Value3">Value3</option>
                    <option value="Value4">Value4</option>
                    <option value="Value5">Value5</option>
                </select>
                <input type="text" name="inputText"/>
            </div>
        </form>
    </body>
</html>