การเลือกที่ listbox แล้วทำให้ disable ที่ textbox

<select name='process' id='process'>
  <option box-disable=''>จงเลือก</option>
  <option value='aa' box-disable='#litre,#example'>ธาตุ</option>
  <option value='bb' box-disable='#litre,#example,#element'>เวลา</option>
</select>
<div style='display:inline-block;'>
จำนวนธาตุ <input type="text" id="element" name="element" />
</div>
<div style='display:inline-block;'>
จำนวนตัวอย่าง <input type="text" id="example" name="example" />
</div>
<div style='display:inline-block;'>
จำนวนลิตร <input type="text" id="litre" name="litre" />
</div>

<script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
    $("#process").change(function(){
    var disableBox = $("option:selected",this).attr('box-disable').split(',');
    $("input:text").removeAttr("disabled");
    if(disableBox != '')
        $.each(disableBox,function(index,value){
            $(value).attr("disabled","disabled");
        })
    })
})
</script>