Помогите разобраться с скриптом jquery функции
Здравствуйте!
У меня есть такой 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 |
Часовой пояс GMT +3, время: 17:49. |