Отображение Div не работает на выбор с использованием Javascript

Question

Отображение Div не работает на выбор с использованием Javascript

<html>
    <head>
        <title>HTML Document</title>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    </head>

    <body>
        <div id="hover-id">
            Hello World
        </div>

        <script>
            jQuery(document).ready(function($){
                $(document).on('mouseover', '#hover-id', function(){
                    $(this).css('color','yellowgreen');
                });

                $(document).on('mouseout', '#hover-id', function(){
                    $(this).css('color','black');
                });
            });
        </script>
    </body>
</html>

0

javascript html

задан Krys 28 March 2019 в 15:48

2 ответа

Другие вопросы по тегам:

javascript html

Похожие вопросы:

score 0 · Answer 1

Если так выглядит ваш код, вы добавили свой js в тег <script></script>? Или вы хотите включить скрытие и показ div? если это так, этот ответ может помочь

<select id="accountType" name="type" class="form-control" onchange="viewFile()"><option required>Account Type</option>
                        <option value="doctor" name="doctor" id="doctor">Doctor</option>
                        <option value="regular" name="regular" id="reg">Regular Account</option>
     </select>
                </div>

                <div class="hidden file" id="doclicense">
                    <input type="file" name="license"  />
                    <input type="submit"/>
                </div>
<script>
function viewFile(){
        var file = document.getElementById("doclicense");
        var type = document.getElementById('accountType').value;
        if(type === 'doctor') {
            file.style.display = "block";
            console.log(type);
        }else{
             file.style.display = "none";
            console.log(type);
        }
    }
</script>

score 0 · Answer 2

Вот пример того, как этот код должен быть написан (даже если все еще есть ужасы)

// declare them here and not in a function where they will be redone each time the function is called

const
  file_IHM  = document.querySelector('#doclicense')
  ,
  type_IHM  = document.querySelector('#accountType')  // and not with .value ...!
;


type_IHM.onchange = function()
{
  file_IHM.style.display = (this.value==='doctor')?"block":"none"; 

  console.log('type_IHM.value',  this.value );

}

#doclicense { display : none; }

<div>
  <select id="accountType" name="type" class="form-control" >  <!--  let the js in the js part -->
    <option required>Account Type</option>
    <option value="doctor"  id="doctor"  >Doctor</option>
    <option value="regular" id="regular" >Regular Account</option>
  </select>
</div>

<div class="file-class" id="doclicense">  <!--  do not use class="hidden... -->
  <input type="file" name="license" />
  <input type="submit" />   <!-- there is no form anywhere...   why don't you use <button> ?? -->
</div>

[ 116]