Скрипт не работает на странице, хотя отдельно все работает

@Raent · Регистрация: 13.02.2015

Студворк — интернет-сервис помощи студентам

ребят делаю сайт. js плохо знаю по это пытаюсь методом тыка написать программу в которой нажимая пункт в выпадающем списке ты выбераешь фирму телефонов, а ниже в таком же списке будут появляться модели этой фирмы а в 3м списке состояние в котором данный телефон. сделал скрипт который работает. но перенеся на страницу сайта он перестал работать.
рабочий:

HTML5

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
</head>
 
<body onLoad=img_b()>
<div>
<form><select><option href="javascript://" onclick="add();"> Add</option>
<option href="javascript://" onclick="add();" value="kurierom"> Add</option>
</select>
</form>
<script type="text/javascript">
var i ;
i=0;
 
function add() {
if (i==0)
{
var element = document.createElement('select');
 
element.innerHTML = '<option>netu</option><option>iPhone 6 plus</option><option>iPhone 6</option><option>iPhone 5s</option><option>iPhone 5c</option><option>iPhone 5</option><option>iPhone 4s</option><option>iPhone 4</option>', element.id = 'div123' ;
 
document.body.appendChild(element);
i++
}
{
}
}
 
</script>
</div>
</body>
</html>

но вставив в страницу сайта который я делаю этот же скрипт не работает

HTML5

<div class="overname">
 
<form>
<select>
<option value="ne srochnaya" selected> Не выбрано</option>
<option href="javascript://" onclick="add();">iPhome</option>
<option value="kurierom" href="javascript://" onclick="add();"> Samsung </option>
<option value="kurierom" href="javascript://" onclick="add();"> HTC </option>
<option value="kurierom" href="javascript://" onclick="add();"> Lenovo </option>
<option value="kurierom" href="javascript://" onclick="add();"> LG</option>
<option value="kurierom" href="javascript://" onclick="add();"> Nokia </option>
<option value="kurierom" href="javascript://" onclick="add();">Blackberry </option>
<option value="kurierom" href="javascript://" onclick="add();">Sony </option>
</select>
</form>
<script type="text/javascript">
var i ;
i=0;
 
function add() {
if (i==0)
{
var element = document.createElement('select');
 
element.innerHTML = '<option>netu</option><option>iPhone 6 plus</option><option>iPhone 6</option><option>iPhone 5s</option><option>iPhone 5c</option><option>iPhone 5</option><option>iPhone 4s</option><option>iPhone 4</option>', element.id = 'div123' ;
 
document.body.appendChild(element);
i++
}
{
}
}
 
</script>
</div>

Добавлено через 20 минут
да и первый код работает только в мозиле почему то

@massEffect · 07.08.2015, 07:31

все работает - при щелчке на поле выбора появляется еще один select,
непонятно только зачем добавлять атрибут href в тег option? ведь там нет такого атрибута,
да еще следы от прежнего кода видимо остались:

HTML5

1	<body onLoad=img_b()>

лишние фигурные скобки,

в общем не понятно что там у вас еще в полном коде есть и как это накладывается на то что вы предоставили.

@kalabuni · 07.08.2015, 11:41

1) в большинстве браузеров событие onclick на теге <option> не поддерживается
используйте кроссбраузерное событие onchange на теге <select>

2) тег <select> вы создаёте правильно, методом createElement ()
а почему тогда теги <option> рисуете через innerHTML?
их тоже можно (и нужно!) создавать тем же методом, добавляя их к коллекции options методом add ()

PS. слово выбираешь надо писать именно так - через и

@BANO · 07.08.2015, 11:48

Не по теме:

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

выбираешь

корни с чередованием
-бер-\-бира-, суффикс а, в корне пишется и

@kalabuni · 07.08.2015, 13:12

Не по теме:

BANO, правила никогда не запоминал и не помню (если даже сильно напрячься, то в голову приходит только лишь "жи-ши через и")

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

@BANO · 07.08.2015, 13:41

Не по теме:

kalabuni, а мне в школе это вбили, по сути только это и вбили, ну ещё причастия и деепричастия

@SeitovRenat · 02.07.2018, 18:20

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

@Evgen1337 · 02.07.2018, 22:25

Как варик, что скрипт то отрабатывает, но вы не видите сам элемент, потому что вы делаете:

Javascript

1	document.body.appendChild(element);

кто такой бади, там ли должен лежать элемент... в хроме открываете панель разработчика, там смотрите на хтмл код, и консоль, жмете кнопку, смотрите консоль, смотрите код, все )

@SeitovRenat · 03.07.2018, 00:18

там тот же скрипт, почему он работает когда файл с данным скриптом запускаю отдельно, а когда вставляю в шаблон он перестает функционировать?

@alexsamos33 · 03.07.2018, 15:32

Потому что нужно смотреть ошибки и предупреждения!!! Там и описание, и номер строки будет!

@SeitovRenat · 04.07.2018, 07:23

спасибо

@alexsamos33 669 / 640 / 335 Регистрация: 26.04.2014 Сообщений: 2,122
	03.07.2018, 15:32	10
	Потому что нужно смотреть ошибки и предупреждения!!! Там и описание, и номер строки будет! 0

@kalabuni супермизантроп 3938 / 2976 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	07.08.2015, 11:41	3
	1) в большинстве браузеров событие onclick на теге <option> не поддерживается используйте кроссбраузерное событие onchange на теге <select> 2) тег <select> вы создаёте правильно, методом createElement () а почему тогда теги <option> рисуете через innerHTML? их тоже можно (и нужно!) создавать тем же методом, добавляя их к коллекции options методом add () PS. слово выбираешь надо писать именно так - через и 0

@BANO
	07.08.2015, 11:48 #4
	Не по теме: Сообщение от kalabuni выбираешь корни с чередованием -бер-\-бира-, суффикс а, в корне пишется и 0

@kalabuni
	07.08.2015, 13:12 #5
	Не по теме: BANO, правила никогда не запоминал и не помню (если даже сильно напрячься, то в голову приходит только лишь "жи-ши через и") просто читал много (и продолжаю читать), поэтому слова перед написанием просто вижу :) а вот если не вижу, что бывает очень редко, то лезу в словарь и подсматриваю 0

@BANO
	07.08.2015, 13:41 #6
	Не по теме: kalabuni, а мне в школе это вбили, по сути только это и вбили, ну ещё причастия и деепричастия 0

@SeitovRenat 0 / 0 / 0 Регистрация: 05.02.2018 Сообщений: 25
	02.07.2018, 18:20	7
	помогите пожалуйста не удается воспроизвести скрипт формы, отдельным файлом скрипт запускается но когда вставляю на главную станицу перестает работать ? 0

@SeitovRenat 0 / 0 / 0 Регистрация: 05.02.2018 Сообщений: 25
	03.07.2018, 00:18	9
	там тот же скрипт, почему он работает когда файл с данным скриптом запускаю отдельно, а когда вставляю в шаблон он перестает функционировать? 0

@SeitovRenat 0 / 0 / 0 Регистрация: 05.02.2018 Сообщений: 25
	04.07.2018, 07:23	11
	спасибо 0

Опции темы