2013-03-22 4 views
0

У меня 2 падение падения, объявленные следующим образом:набор падение вниз значение второй коробки в зависимости от выбора первого выпадающего

<label for="select-choice-1" class="select">Customer Product Name</label> 
    <select name="select-choice-1" id="select-choice-1" onchange="selectTransport(this.value)"> 
     <option value="a">Polyvinyl Chloride</option> 
     <option value="b">Thermosetting</option> 
     <option value="c">Thermoplastic</option> 
    </select> 
    <label for="select-choice-2" class="select">SABIC Product ID</label> 
    <select name="select-choice-2" id="select-choice-2"> 
     <option value="A">1731-Black</option> 
     <option value="B">1731-Brown</option> 
     <option value="C">2345-Blue</option> 
    </select> 
     //js function 
function selectTransport(value){ 
    if(value==="Thermoplastic") 
    { 

     var theText = "2345-Blue"; 
$("#select-choice-2 option:contains(" + theText + ")").attr('selected', 'selected'); 


    }} 

Каким-то образом второе падение вниз не выбирается с помощью this.How можно автоматически выбрать было выбрано значение на втором выпадающем списке после первого выпадающего значения, используя функцию jquery?

+1

оба варианта имеют одинаковый идентификатор –

ответ

1

попробовать

$(function(){ 
    $('#select-choice-1').change(function(){ 
     var sel = $(this).val(); 
     $('#select-choice-2').val(sel.toUpperCase()); 
    }); 
}); 

Обновление

DEMO

function selectTransport(value){ 
//value return a,b,c 
var val = $('#select-choice-1 [value="'+value+'"]').html();//.text() 
    if(val==="Thermoplastic"){alert('test'); 
    var theText = "2345-Blue"; 
    $("#select-choice-2 option:contains(" + theText + ")").attr('selected', 'selected'); 
    } 
} 
+0

Я отредактировал свой вопрос и добавил, и что я пытаюсь и что он не работает. – user2185012

+0

@ user2185012, проверьте обновленный код –

+0

Привет, Pragnesh, то, что делает ваш код, он выделяет 2345-синий во второй папке, когда я иду посмотреть список, но он не показывает значение 2345-синего в поле. – user2185012

0
function selectTransport(value){ 
if(value==="Thermoplastic") 
{ 

    var theText = "2345-Blue"; 
$("#select-choice-2 option:contains(" + theText + ")").attr('selected', 'selected'); 

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

так

function selectTransport(value){ 
if(value==="c") 
{ 
    .... 
} 
0

С помощью JQuery вы можете легко вы задачу, ниже код:

var ddlArray= new Array(); 
var ddl = document.getElementById('tierFormulaBase'); 
for (i = 0; i < ddl.options.length; i++) { 
    ddlArray[i] = ddl .options[i].text; 
} 

$("#tierChangeType").change(function (e) { 
    var e = document.getElementById("tierChangeType"); 
    var selectedValue = e.options[e.selectedIndex].value; 
    var selectedText = e.options[e.selectedIndex].text; 

    document.getElementById('tierFormulaBase').innerHTML = ""; 
    var src = document.getElementById('tierFormulaBase'); 
    var opt = document.createElement("option"); 
    if(selectedValue == 1) 
    { 
     opt.text = ddlArray[0]; 
     opt.value = selectedValue; 
    }else if (selectedValue == 2) 
    { 
     opt.text = ddlArray[1]; 
     opt.value = selectedValue; 
    } 
    else if (selectedValue == 3) 
    { 
     opt.text = ddlArray[2]; 
     opt.value = selectedValue; 
    } 
    src.add(opt); 
}); 

для демо и подробнее пройти по этой ссылке: click here to view code

Смежные вопросы