Форум

rowlin · #1 (**permalink**) 20.07.2013, 18:56

Доброго времени суток ..
недавно начал копаться в js .
помогите разобраться скрипт не работает или работает некоректно

Код:

<script type='text/javascript'> 
$(function() {
      $("#want").change(function(){
      var Name= $('option:selected', this).attr('value');
   switch (Name) {
        case 0 :
        document.write("что хотите ??");
        break;
        case 1 :
        document.write(" я тоже ");
        break;
 case 2 :
      document.write(" я тоже ");
      break;
 case 3:
      document.write(" я тоже ");
      break;
 case 4:
      document.write(" я тоже ");
      break;
 case 5:
      document.write(" я тоже ");
      break;
};
});
    });
</script> 

</head> 

<body> 
<div id="want">
<form>
<label for="want">Я хочу</label>
<select  id="want">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5"> Что? </option>
</select> 
    </form> 
</div>

Хотелось бы что -бы после выбора (или не выбора ) js выводил строку или форму дл дальнейшего ввода

bes · #2 (**permalink**) 20.07.2013, 19:21

набери в поисковике document.write, открой ссылку на статью учебника на этом сайте и почитай как и когда работает этот метод (там даже жирным выделено)

danik.js · #3 (**permalink**) 20.07.2013, 19:23

1) Отформатируй код

[html] ...[/html]

2) var Name= $('option:selected', this).attr('value'); - че за борода? Пиши так:

var name = this.value;

3) У тя в кейсах числа, тогда как в переменной - строковое значение. Пиши так:

var name = this.value|0; // приводим к Number

bes · #4 (**permalink**) 20.07.2013, 19:42

да, здесь мой баг, switсh оказывается строгое соответствие наводит

rowlin · #5 (**permalink**) 20.07.2013, 20:34

danik.js

sorry не весь код вставил

за устранение бороды - отбельное спасибо ..

много времени убил на ее написание

прирощая переменую name мы получаем всегда одно и то же =(
да и хотелось бы что-б case : document.write("бла-бла") распологался ниже <select> , а не с "новой" страницы

Код:

<html> 
<head> 
<title>Welcome!</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="../js/jquery-1.9.1.js"></script>
 <script src="customselect.js"></script>
<script type='text/javascript'> 
$(function() {
      $("#want").change(function(){
      var name = this.value|0;
   switch (name) {
 case 0 :
        document.write("что хотите ??");
        break;
 case 1 :
        document.write(" я тоже ");
        break;
 case 2 :
      document.write(" я тоже ");
      break;
 case 3:
      document.write(" я тоже ");
      break;
 case 4:
      document.write(" я тоже ");
      break;
 case 5:
      document.write(" я тоже ");
      break;
};
});
    });
</script> 

</head> 

<body> 

<div id="want">
<form>
<label for="want">Я хочу</label>
<select  id="want">
<option value="0"></option>
<option value="1">0</option>
<option value="2">1</option>
<option value="3">2</option>
<option value="4">3</option>
<option value="5"> 4 </option>
</select> 
    </form> 
</div>
</body> 
</html>

bes
посмотрим-почитаем
....
этот баг как-то лечится ??

bes · #6 (**permalink**) 20.07.2013, 20:52

Сообщение от rowlin

да и хотелось бы что-б case : document.write("бла-бла") распологался ниже <select> , а не с "новой" страницы

Сообщение от rowlin

bes
посмотрим-почитаем
....

да это именно оно

нужно вставлять в dom

Сообщение от rowlin

этот баг как-то лечится ??

ёбаный стыд? думаю, да

danik.js · #7 (**permalink**) 20.07.2013, 21:18

И ты не правильно атрибуты ставишь тегам <script>
Тип желательно указывать для внешних скриптов (те что с src)
А для внутренних бесполезно, так как он и так по умолчанию text/javascript

rowlin · #8 (**permalink**) 20.07.2013, 23:09

Сообщение от danik.js

И ты не правильно атрибуты ставишь тегам <script>
Тип желательно указывать для внешних скриптов (те что с src)
А для внутренних бесполезно, так как он и так по умолчанию text/javascript

понял ... т.е.

Код:

<html> 
<head> 
<title>Welcome!</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type='text/javascript'  src="../js/jquery-1.9.1.js"></script>
</head> 

<body> 

<div id="want">
<form>
<label for="want"> я хочу</label>
<select  id="want">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5"> Что? </option>
</select> 
    </form> 
    <script> 
$(function() {
      $("#want").change(function(){
  var name =this.value|0;
  switch (name) {
 case 0 :
        document.write("что хотите ??");
        break;
 case 1 :
        document.write(" я тоже ");
        break;
 case 2 :
      document.write(" я тоже ");
      break;
 case 3:
      document.write(" я тоже ");
      break;
 case 4:
      document.write(" я тоже ");
      break;
 case 5:
      document.write(" я тоже ");
      break;
};
});
    });
</script> 
</div>
</body> 
</html>

..только switch не работает =(

bes · #9 (**permalink**) 20.07.2013, 23:29

Сообщение от rowlin

только switch не работает =(

добавь к коду alert(this.tagName);
подружись с alert и console.log и количество публичных вопросов должно резко уменьшиться

и danik.js тебе советовал оформлять код по-другому http://javascript.ru/formatting

rowlin · #10 (**permalink**) 21.07.2013, 00:37

Ребят ..спасибо за помощь .. решение - использовать data-toggle-id

тут нашел

Форум

Справочник

Discord чат

Курсы javascript