0

状況があります。つまり、ドロップダウン ボックスから選択したデータをその下の (テキスト型の) フォーム内に表示し、読み取り専用にする必要があります (html/javascript を使用)。私は希望の回答のパイオニアであるため、それを行うことはできません

4

2 に答える 2

1

以下は、ドロップダウン メニューからの入力を使用して 1 つのフォーム ボックスを動的に変更する非 jquery メソッドの大まかなスケッチです。

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <script type="text/javascript">
            function optionCallBack (arg) {
                var currentOption = arg.options[arg.selectedIndex].text;
                document.getElementById('changeForm').value = currentOption;
            }
        </script>
    </head>
    <body>
        <select onclick="optionCallBack(this)" id='getForm'>
          <option>asia</option>
          <option>africa</option>
          <option>america</option>
          <option>europe</option>
        </select>
        <form>
            <input value='europe' name='changeForm' id='changeForm'></input>
        </form>
    </body>
</html>
于 2013-07-16T07:29:23.957 に答える
0

まず、以下のような選択リストが必要です (onchange イベント ハンドラーに注意してください)。

<select onchange="fillTextBox(this)" id='mySelectList'>
    <option>A</option>
    <option>B</option>
    <option>C</option>
    <option>D</option>
</select>

テキスト ボックスも必要です (ID を指定しますmyTextBox) 。

<input value='' name='' id='myTextBox'></input>

fillTextBox関数には次のスクリプトが必要です

function fillTextBox(obj) {
    var sel = obj.value;
    document.getElementById('myTextBox').value = sel;   
}
于 2013-07-16T07:44:03.167 に答える