Javascript div .hide функция

0

У меня есть текстовый ввод с идентификатором auto_change_date и я пытаюсь скрыть его при загрузке страницы, используя:

$(document).ready(function(){
    $("#auto_change_date").hide();
});

но его просто не скрывают

Затем я использую этот код, чтобы он отображал (.show), когда выбрана опция выбора:

<script type="text/javascript">
$('#status').on('change',function(){
    if( $(this).val()==="Auto Change"){
    $("#auto_change_date").show()
    }
    else{
    $("#auto_change_date").hide()
    }
});
</script>
  • 0
    Какую ошибку вы получаете в консоли браузера?
  • 0
    без ошибок, текстовый ввод просто по-прежнему отображается
Показать ещё 12 комментариев
Теги:

7 ответов

1
Лучший ответ
<input type="text" name="auto_change_date" onclick="ds_sh(this);" />

вам не хватает здесь id

следующим образом

<input type="text" name="auto_change_date"  id="auto_change_date" onclick="ds_sh(this);" />

теперь ваш jquery будет работать нормально

См. Скрипку

Поделиться
1

Добавить html input type = "text" с id = "auto_change_date"

<input type="text" id="auto_change_date" />

Теперь добавьте следующую функцию javascript:

$(document).ready(function(){
    $("#auto_change_date").hide();
});

Его работа прекрасна для меня.

Поделиться
1

С вашим jQuery ничего не случилось. Но я бы предложил вам использовать Pure CSS

<style>
    #auto_change_date {
        display:none;
    }
</style>

ИЛИ, простой JavaScript

  document.getElementById('auto_change_date').style.display = 'none';
Поделиться
  • 0
    Ага. я согласен с сатпалом я не думаю, что вы хотите использовать Javascript ... чистый CSS это лучший способ
0

С ванильным Javascript

var input = document.getElementById('auto_change_date');
input.style.display = 'none';

или

input.style.visibility = 'hidden';
Поделиться
0

Вы не определяете id для элемента, и вы должны добавить jquery js для этого.

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

Html:

<input type="text" id="auto_change_date" name="auto_change_date" onclick="ds_sh(this);" />
Поделиться
  • 0
    привет, я дал это в соответствии с вашим кодом скрипки
  • 0
    Если вы хотите это с помощью element.hide () Проверьте fiddle ( jsfiddle.net/xTHt5/4 )
0 
 <style>
    .hidden{
        display:none;
    }
</style>


<script type="text/javascript">
$(document).ready(function(){
$('#auto_change_date').addClass('hidden');
$("#auto_change_date").hide();
});
</script>

div должен быть display:none не должен применяться для этого

Поделиться
0

просто попробуй что-нибудь вроде этого

    <input type="text"  id="auto_change_date" name="auto_change_date" onclick="ds_sh(this);" />

ваш код javascript должен быть таким

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
    $(document).ready(function(){
        $('#status').on('change',function(){
            if(this).value ==="Auto Change" ){
                $("#auto_change_date").show();
            } else {
                $("#auto_change_date").hide();
            }
        });
    });
</script>
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню