Здравствуйте!
У меня есть такой
html он загружается на сайте в эту контент
<div id="ad-car-detail-content">
</div>
функция такая.
при выборе
select тег загружается нужный марка или модель автомобиля.
Это обычный скрипт написанный мной, работает отлично нужного марку и модель загружается как надо.
Но тут есть одно проблема который при выборе марку
select
на этом
INPUT должен меняться
ID и
VALUE
<input class="catSelector9" checked="checked" type="button" value="2" name="ocat" id="cus2">
А при выборе модель на этом
INPUT должен меняться
VALUE
от
OPTION текст
<input value="0" type="button" id="bdF1" name="title">
пример вот так.
Есть такой тег
<select id="car_model_id"><option value="0">A7</option></select>
<input value="0" type="button" id="bdF1" name="title">
При выборе
option
Получилось так
<select id="car_model_id"><option value="0">A7</option></select>
<input value="A7" type="button" id="bdF1" name="title">
Нашел такой скрипт на обоих функции
<script>$("select.car_Marka").on("change", function() {var selected_option = $("select.car_Marka option:selected");$("input.catSelector9").attr("id", selected_option.attr("id")).attr("value", selected_option.attr("value"));});</script>
и
<script>$("select#car_model_id").change(function () {var str = "";$("select#car_model_id option:selected").each(function() {str += $( this ).text() + " ";});$("input#bdF1").val( str );}).change();</script>
На компьютере создаю
test html здесь сохраняю это скрипты
и
это код
<div class="manTable" id="bdM64"><div id="bdM49"><div class="manTd2" id="bdM51"><select id="bdF18" class="manFlFlt1" name="filter1" onchange="fillMark();">
<option id="bdM50" value="0">Avtomobil: Tipi</option>
<option value="1">Minik avtomobilləri</option>
<option value="2">Minik avtomobilləri kommersiya</option>
<option value="3">Yük Avtomobilləri</option>
<option value="4">Avtobuslar</option>
<option value="5">Qoşqu dartanlar</option>
<option value="6">Qoşqular</option>
</select>
</div>
</div>
<div id="bdM61">
<div class="manTd2" id="bdM63">
<input class="catSelector9" checked="checked" type="button" value="2" name="ocat" id="cus2">
<div id="car_mark">
<select class="car_Marka" id="car_Marka" onchange="fillModel();">
<option id="0" value="0">Marka: Seçin</option>
<option value="90006" id="cus90006">Alpine</option>
<option value="90007" id="cus90007">AM General</option>
<option value="90106" id="cus90106">Lexus</option>
<option value="90107" id="cus90107">Liebao Motor</option>
<option value="90108" id="cus90108">Lifan</option>
<option value="90109" id="cus90109">Lincoln</option>
<option value="90110" id="cus90110">Lotus</option>
<option value="90205" id="cus90205">Xin Kai</option>
<option value="90206" id="cus90206">Zastava</option>
<option value="90207" id="cus90207">Zenos</option>
<option value="90208" id="cus90208">Zenvo</option>
<option value="90209" id="cus90209">Zotye</option>
<option value="90210" id="cus90210">ZX</option>
</select>
</div>
<script>$("select.car_Marka").on("change", function() {var selected_option = $("select.car_Marka option:selected");$("input.catSelector9").attr("id", selected_option.attr("id")).attr("value", selected_option.attr("value"));});</script>
</div>
</div>
<div id="bdM5">
<div id="car_model">
<select id="car_model_id">
<option value="0">Model: Seçin</option>
<option value="10001">378 GT Zagato</option>
<option value="10002">ACE</option>
</select>
</div>
<input value="0" type="button" id="bdF1" name="title"><script>$("select#car_model_id").change(function () {var str = "";$("select#car_model_id option:selected").each(function() {str += $( this ).text() + " ";});$("input#bdF1").val( str );}).change();</script>
</div>
<div id="bdM65">
<div class="manTdBut" id="bdM66">
<input type="submit" style="display:none;" id="doSmbBt">
<input type="button" class="manFlSbm" id="bdF77" style="font-weight:bold;" value="Добавить" onclick="document.getElementById('doSmbBt').click();"><input class="manFlRst" type="reset" id="bdF23" value="Очистить" onclick=""></div></div><input type="hidden" name="a" value="12"><input type="hidden" name="ssid" value="Yats5PDJ"><input type="hidden" id="numi" value="1"></div>
работает отлично.
но функционально работы группы
SELECT
на сайт должен загружаться вот так
<div id="ad-car-detail-content">
</div>
<script type="text/javascript" charset="utf-8" src="http://avtousta.ucoz.com/js/board/add-cars-board.js"></script>
в таком случай не хочет работать функции
JQUEY ONCHANGE .VAL
Помогите пожалуйста!
В чем проблема что ему не дает работать?
на сайте используется
jquery 7.1.2