select option podmiana, js podmiana/ dodanie listy Opcje

[martex]

Witam
próbuję zrobić mały formularz z autami
mam 2 selekty marka i model
domyslnie model jest wyłączony po wybraniu marki włącza sie model
pytanie moje jak dodać nową listę do id model
np. audi
to w sliscie bedzie a3 a4 a6 q7
bmw to w liscie bedzie 3 5 6 7 itp itd

udało mi się coś takiego zrobić i neiwiem jak te tablice dodać do w zależnosci od wybranej marki listy option

[HTML] pobierz, plaintext 
$(document).ready(function(){
	$('#model').attr('disabled', 'disabled');
//alert('omg');
 
var audii = ['a1','a2','a3','a4','q7'] ;
var bmww = ['3','5','6','7'];
 
function marka(event){
var zmienna = document.getElementById('contactform').marka.value;
//var asdf = (obiektSelect.options[obiektSelect.selectedIndex].value );
//alert(zmienna);
return zmienna;
 
};
 
$('#marka').change(function(){
		switch(marka()) {
	    case 'audi':
	    	alert('audi');
	    	$('#model').removeAttr('disabled');
 
	    	break;
	    case 'bmw':
	    	alert('bmw');
	    	$('#model').removeAttr('disabled');
 	        break;
	    default:
 
		};
 
	});
 
});
[HTML] pobierz, plaintext 

[aniolekx]

w niektórych miejscach użyłem polskich nazw zmiennych (czego z reguły nie robię), ale zdecydowałem ze w tym przypadku będzie czytelniej.
sprawdziłem na jQuery w wersji 2.1.1

[HTML] pobierz, plaintext 
 $(function(){
  var marki = [];
  marki['audi'] = ['a1','a2','a3','a4','q7'];
  marki['bmw'] = ['3','5','6','7'];
 
  function insert_option(select, wybrany, opcje)
  {
   select.find('option').remove();
   select.append($('<option>', { value : '' }).text(''));
 
   if (wybrany in opcje) {
    select.removeAttr('disabled');
 
    for (i in opcje[wybrany]) {
     var text= opcje[wybrany][i];
     select.append($('<option>', { value : text }).text(text));
    }
 
   } else {
    select.prop('disabled', true);
   }
 
  }
 
  $("#marka").change(function(){
   var select = $('#model');
   var wybrany =  $(this).find("option:selected").val();
   insert_option(select, wybrany, marki);
  });
 
 });
[HTML] pobierz, plaintext 

sprawdziłem na tym kawałku HTML'a:

[HTML] pobierz, plaintext 
<form id="contractform"></form>
   <select id="marka">
       <option value=""></option>
       <option value="bmw">BMW</option>
       <option value="audi">Audi</option>
   </select>
 
   <select id="model" disabled>
   </select>
</form>
[HTML] pobierz, plaintext 

Ten post edytował aniolekx 15.11.2014, 10:02:45

[martex]

http://jsfiddle.net/8yj0uj2t/

coś nie chce mi to działać

[aniolekx]

Masz literowke w nazwie funkcji, zle to wkleiles, bo masz dwa razy funkcie ktora czeka az document będzie gotowy.

[martex]

http://jsfiddle.net/8yj0uj2t/1/
nie zauważyłem tej literówki
dzięki działa

a jeszcze mam pytanko jak stworzyć element <br> który mógłbym dodawać w kilku miejscach

var mybr = document.createElement('br');

dodaje to do inputów tak :
this.box_section1.appendChild(mybr);

ale mogę tego użyć tylko raz inaczej wyskakuje błąd że mybr jest już używane

http://jsfiddle.net/q4zayqpe/17/

przy divie na stałe (display:none) było ok
teraz mam problemy z dodaniem option do select

[aniolekx]

w zasadzie to o co pytasz masz w tym kodzie który ci podałem, tam tez tworze wiele razy ten sam element (option) i dodaje go do selecta, sprawdź w dokumentacji jQuery funkcje których nie znasz.