如何判定下拉式選單有無被選到

請問大大...有甚麼辦法可以判斷當使用者沒有選折下拉式選單時..會跳出警告呢?
我對javascript不是很了解
東湊西湊找到了一些text 沒輸入會出現警告
但下拉式選單與圖片沒有指定就搞不定
可以請大大幫幫忙指點如何寫判定下拉式選單與圖片沒有指定嗎?
<!doctype html>
<html>
    <head>
        <title></title>
        <meta charset="utf-8">
        <script type="text/javascript">
            function check_data()
            {
                if (document.myForm.name.value.length == 0)
                    alert("名稱要打哦!");
                else if (document.myForm.price.value.length == 0)
                    alert("單價要打哦!");
                else if (document.myForm.quantity.value.length == 0)
                    alert("數量要打哦!");
                else
                    myForm.submit();
            }
        </script>
    </head>
    <body bgcolor="lightyellow">
        <p align="center">
        </p>
        <p align="center">
        <table border="0" align="center" width="800">
            <tr bgcolor="#ACACFF">
                <td>
                    <p align="center">產品種類</td>
                <td>
                    <p align="center">圖片</td>
                <td>
                    <p align="center">產品名稱</td>
                <td>
                    <p align="center">單價</td>
                <td>
                    <p align="center">數量</td>
                <td>
                    <p align="center"></td>
            </tr>
            <form method="post" action="addupload.php" name="myForm" enctype="multipart/form-data">
                <tr>
                    <td>
                        <p align="center">
                            <Select name="items[]">
                                <option value="">請選擇</option>
                                <option value="餅乾">餅乾</option>
                                <option value="蜜餞">蜜餞</option>
                                <option value="糖果">糖果</option>
                                <option value="飲料">飲料</option>
                                <option value="3C">3C</option>
                            </Select>
                        </p>
                    </td>
                    <td>
                        <p align="center">
                            <input type="hidden" name="MAX_FILE_SIZE" value="1048576">
                            <input type="file" name="myfile" size="50">
                        </p>
                    </td>
                    <td>
                        <p align="center">
                            <input name="name" type="text" >
                    </td>
                    <td>
                        <p align="center">
                            <input name="price" type="text" >
                    </td>
                    <td>
                        <p align="center">
                            <input name="quantity" type="text" >
                    </td>
                    <td>
                        <p align="center">
                            <input type="button" data-enhanced="true" value="上傳" onClick="check_data()">
                        </p>
                    </td>
                </tr>
        </table>
    </form>
</P>
</body>
</html>

評論

  • var items = document.getElementsByName(items[])[0];
    if (items.value == '') {
      do something
    }
    
    var myfile = document.getElementsByName('myfile')[0];
    if (myfile.value == '') {
      do something
    }
    

    另外, 你這種寫法, 已經很少在使用了
    document.myForm.name
    

    然後你的HTML及CSS的寫法, 也是過時的寫法了,
    可能你學習的資料已經有點舊了, 建議你找新一點的教學作學習
  • cokellen wrote: »
    var items = document.getElementsByName(items[])[0];
    if (items.value == '') {
      do something
    }
    
    var myfile = document.getElementsByName('myfile')[0];
    if (myfile.value == '') {
      do something
    }
    

    另外, 你這種寫法, 已經很少在使用了
    document.myForm.name
    

    然後你的HTML及CSS的寫法, 也是過時的寫法了,
    可能你學習的資料已經有點舊了, 建議你找新一點的教學作學習


    甚麼! 我看這本說寫出版時間是2015年10月說

    程式更新好快阿
    初學者好難跟

    GG了
  • edited 三月 2016
    v60i wrote: »

    甚麼! 我看這本說寫出版時間是2015年10月說

    程式更新好快阿
    初學者好難跟

    GG了


    請問是哪本書?

    這種教學跟寫法, 是我6年前剛學網頁時的教學跟寫法了XD
  • cokellen wrote: »
    v60i wrote: »

    甚麼! 我看這本說寫出版時間是2015年10月說

    程式更新好快阿
    初學者好難跟

    GG了


    請問是哪本書?

    這種教學跟寫法, 是我6年前剛學網頁時的教學跟寫法了XD

    不可以阿
    說出來對那位出書大大不禮貌阿.....
Sign In or Register to comment.