javascript
  • php
  • jquery
  • html
  • forms
  • 2015-06-27 29 views -1 likes 
    -1

    我應該撰寫一個包含更多包的頁面。 首先;訪問者必須選擇人員編號,選擇後啓動按鈕將啓用,當訪客按鈕重定向到form4.html與get方法。 當我把3個表格的所有形式影響其他人。 請幫我表單影響其他表單並提交按鈕禁用/啓用

    <!DOCTYPE html> 
     
    <html lang="en"> 
     
    \t <head> 
     
    \t \t <title></title> 
     
    
     
        <script type='text/javascript' src='http://code.jquery.com/jquery-1.4.2.js'></script> 
     
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.js"></script> 
     
    \t \t 
     
    \t <!----Drop Down And Submit - Start-----> \t 
     
    \t \t <script type='text/javascript'>//<![CDATA[ 
     
    $(function(){ 
     
    $(document).ready(function() { 
     
    
     
    //Start Buttons 
     
        $(".nextbutton").button({ disabled: true }); 
     
        
     
        $('.dropdown').change(function() { 
     
         if ($('.dropdown').val() == 0) { 
     
          $(".nextbutton").button({ disabled: true }); 
     
         } else { 
     
          $(".nextbutton").button({ disabled: false }); 
     
         } 
     
        }); 
     
    
     
    }); 
     
    });//]]> 
     
    </script> 
     
    \t <!----Drop Down And Submit - End-----> 
     
    \t   <script type="text/javascript"> 
     
         function submitform() 
     
         { 
     
          document.forms["drop_list"].submit(); 
     
         } 
     
         </script> 
     
    \t </head> 
     
    \t <body> 
     
    \t \t 
     
    \t \t \t \t \t \t \t 
     
    <h3>PACKAGE - 1 </h3> 
     
    \t \t \t \t \t \t \t <form name="drop_list" action="../../form/form4.html" method="get" class="j-forms j-multistep"> 
     
    <form name="drop_list" action="../../form/form4.html" method="get" class="j-forms j-multistep"> 
     
    \t <select name="select" class="dropdown"> 
     
    \t \t \t <option value=''>Person Number</option> 
     
          <option value="Person-1">1</option> 
     
          <option value="Person-2">2</option> 
     
          <option value="Person-3">3</option> 
     
          <option value="Person-4">4</option> 
     
          <option value="Person-5">5</option> 
     
          <option value="Person-6">6</option> 
     
          <option value="Person-7">7</option> 
     
          <option value="Person-8">8</option> 
     
          <option value="Person-9">9</option> 
     
          \t </select><br><br> 
     
    
     
    \t \t <input class="nextbutton" value="Start" type="button" onClick="submitform()"></form> 
     
    \t \t \t \t \t 
     
    \t <br>_____________________________________________________________________<br> 
     
    \t \t \t 
     
    \t \t \t \t \t \t \t 
     
    <h3>PACKAGE - 2 </h3> 
     
    <form name="drop_list" action="../../form/form4.html" method="get" class="j-forms j-multistep"> 
     
    \t <select name="select" class="dropdown"> 
     
    \t \t \t <option value=''>Person Number</option> 
     
          <option value="Person-1">1</option> 
     
          <option value="Person-2">2</option> 
     
          <option value="Person-3">3</option> 
     
          <option value="Person-4">4</option> 
     
          <option value="Person-5">5</option> 
     
          <option value="Person-6">6</option> 
     
          <option value="Person-7">7</option> 
     
          <option value="Person-8">8</option> 
     
          <option value="Person-9">9</option> 
     
          \t </select><br><br> 
     
    
     
    \t \t <input class="nextbutton" value="Start" type="button" onClick="submitform()"></form> 
     
    \t \t 
     
    <br>_____________________________________________________________________<br> 
     
    \t 
     
    \t \t \t \t \t 
     
    <h3>PACKAGE - 3 </h3> 
     
    \t <form name="drop_list" action="../../form/form4.html" method="get" class="j-forms j-multistep"> 
     
    \t <select name="select" class="dropdown"> 
     
    \t \t \t <option value=''>Person Number</option> 
     
          <option value="Person-1">1</option> 
     
          <option value="Person-2">2</option> 
     
          <option value="Person-3">3</option> 
     
          <option value="Person-4">4</option> 
     
          <option value="Person-5">5</option> 
     
          <option value="Person-6">6</option> 
     
          <option value="Person-7">7</option> 
     
          <option value="Person-8">8</option> 
     
          <option value="Person-9">9</option> 
     
          \t </select><br><br> 
     
    
     
    \t \t <input class="nextbutton" value="Start" type="button" onClick="submitform()"></form> 
     
    \t \t \t \t \t 
     
    \t \t \t \t 
     
    
     
    \t 
     
    \t </body> 
     
    </html>

    +0

    我很困惑...你想讓每個按鈕都碰到不同的控制器嗎? – code

    +0

    您的第一個表單元素未關閉。 – some

    +0

    在您的*更改*功能中,如果下拉列表的值不爲零,則在文檔中的所有元素上將* disabled * -property設置爲false。 – some

    回答

    0

    就像我在你的問題評論說,你的問題之一是,你實際上改變類.nextbutton的所有按鈕一次。

    你可以什麼是不使用這是觸發功能的元件的改變,功能改變

    $('.dropdown').change(function() { 
        $(this.form).find('.nextbutton').button({ disabled: this.value === '' }); 
        }); 
    

    。通過使用this.form我得到該元素的形式。與此同時,我只更改當前窗體上的按鈕。

    我也擺脫了如果語句來的,因爲這是一個布爾表達式,並殘疾人 - 屬性也是一個布爾值。

    +0

    謝謝大家 – uUuR

    相關問題