选择另一个自定义字段时启用/禁用自定义字段

时间:2015-04-23 05:08:00

标签: ruby

我需要在选择其他自定义字段时禁用一个自定义字段。例如,我有一个带下拉格式的自定义字段。当我单击特定自定义字段的第二个选项时,应禁用其他自定义字段,并应启用另一个自定义字段。我如何在redmine

中执行此操作

1 个答案:

答案 0 :(得分:2)

据我了解,您希望在第一个下拉选项选择的基础上更改第二个下拉框的选项:

这是使用Jquery执行相同操作的示例代码。您可以根据自己的要求进行修改。

HTML

<select class="product" id="select_1" name="product">
  <option selected="selected" value=""> Choose Category </option>
  <option value="Mens Suits"> Mens Suits </option>
  <option value="Womens Suit"> Womens Suits </option>
  <option value="Children Suit"> Children Suits </option>
</select>

<select class="size" id="select_3" name="size">
  <option selected="selected" value=""> Choose Size </option>
</select>

<强> Jquery的:

var men = '<option selected="selected" value=""> Choose Size </option><option value="36">36</option><option value="38">38</option><option value="40">40</option>';
var women = '<option selected="selected" value=""> Choose Size </option><option value="26">26</option><option value="28">28</option><option value="30">30</option>';
var children = '<option selected="selected" value=""> Choose Size </option><option value="12">12</option><option value="11">11</option><option value="10">10</option>';
$(document).ready(function(){
    $("select#select_1").on('change',function(){
        if($(this).val()=="Mens Suits"){
            $("select#select_3").html(men);
        }else if($(this).val()=="Womens Suit"){
            $("select#select_3").html(women);
        }else if($(this).val()=="Children Suit"){
            $("select#select_3").html(children);
        }
    });
});

Working Demo

我希望这会对你有所帮助。 :)