JS實現下拉菜單賦值到文本框的聯動方法


<html>
<head>
    <meta charset="UTF-8">

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin  
    var messages = new Array(); 
    messages[0] = ""; //這里寫入每個選項對應的說明文字
    messages[1] = "http://www.jb51.net";
    messages[2] = "http://www.163.com";  
    messages[3] = "http://cn.yahoo.com";
//根據需要,這里應該隨着選項的改變而增減項目
    function messageReveal() { 
        var messageindex = document.messageForm.messagePick.selectedIndex;
        //取得當前下拉菜單選定項目的序號
        helpmsg = messages[messageindex];
        //根據序號取得當前選項的說明
        document.messageForm.messageField.value = helpmsg
//將說明寫進文框
    }
// End -->
</SCRIPT>
<title>下拉菜單和文本框構建的介紹欄</title>
</head>

<body>

    <form name="messageForm">
        <select name="messagePick" OnChange="messageReveal()">
            <option value="0">請在這里選擇需要咨詢的信息
            <option>腳本之家
            <option>網易163
            <option>中文雅虎
        </select>
            <br><br><br><br><br>
        <input name="messageField" type="text" style="overflow:auto" />
    </form>
</body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM