当我点击拳头选项标签时如何更改选项？

Question

我设置网页上的7选项项目。 当我点击拳头选项标签时如何更改选项？

• （该代码的图像）
• ■选项1 A，B，C
• □选项2（A：10，B：20，C：30）
• □2选项（A：15， B：25，C：35）
• ...

• □选项7（A：18，B：28，C：38）

• （结果）

• 在选择选项1的A按钮
• 选项2的情况下 - > 10
• 选项3 - > 15
• ...
• 选项7 - > 18

（皇家codesample）

Selection of A, B, C 
<select name="preset" id="SaveAccount3" type="submit" value="option1" /> 
       <option value="A">A</option> 
       <option value="B">B</option> 
       <option value="C">C</option> 
</select> 

<ul id="measureid"> 
      <li><label for="CreditcardMonth">option2</label> 
      <select id="measureidsize1" name="measure1" class="chkselect"> 
       <option value="10">10</option> 
       <option value="20">20</option> 
       <option value="30">30</option> 
      </select></li> 

      <li><label for="CreditcardMonth">option3</label> 
      <select id="measureidsize1" name="measure1" class="chkselect"> 
       <option value="15">15</option> 
       <option value="25">25</option> 
       <option value="35">35</option> 
      </select></li> 

<!-- abbreviation --> 

      <li><label for="CreditcardMonth">option7</label> 
      <select id="measureidsize1" name="measure1" class="chkselect"> 
       <option value="18">18</option> 
       <option value="28">28</option> 
       <option value="38">38</option> 
      </select></li> 

Answer 1

请看看http://jsfiddle.net/z87qf/1/

$('#SaveAccount3').change(function(){ 
    var option = $("option:selected", this).val(); 
    option == "A"? (opt=0) : (option == "B"? (opt=1): (opt=2)) 
    $.each($('select[class=chkselect]'),function(i){ 
     $('select[id=measureidsize'+i+'] option:eq('+opt+')').attr('selected', 'selected'); 
    }); 
}); 

这是你的要求吗？

Answer 2

您可以使用jQuery做这样的事情。

利用变化事件，并相应地设置值。

下面的代码只是为了让你开始。

$('#SaveAccount3').change(function(){ 
    var val = $(this).val(); 

    //you can write your logic with if-else or switch construct 

    $('#measureidsize1').val('50'); //you can set value like this 
    //if you set value beside what is there in options for that select box it won't set 

});