logo
down
shadow

Change class of disabled tab on change of dropdown value


Change class of disabled tab on change of dropdown value

By : Gunjan
Date : November 28 2020, 03:01 PM
should help you out You should override Link#onComponentTag(ComponentTag) method and set the CSS class with: tag.append("class", "dynamicValueDependingOnDropDownsModel", " ").
code :


Share : facebook icon twitter icon
Change input field to disabled or enable depending on select dropdown choice

Change input field to disabled or enable depending on select dropdown choice


By : Mohamed Mseddi
Date : March 29 2020, 07:55 AM
I hope this helps . I just had a look at the script and there are a couple of things you want to change.
1) Instead of display:none in css change to visibility:hidden 2) When javascript returns a selected_item it returns the value of the dropdown not the text so you want to check if(selected_item=="3") or whatever number you require.
Change value of dropdown to null if specific change is made to radio button, but not just any change

Change value of dropdown to null if specific change is made to radio button, but not just any change


By : xmyyzy123
Date : March 29 2020, 07:55 AM
help you fix your problem Here's a code that will change a dropdown menu with the ID of "106" to a null value if I change a radio button with the ID of "101" from one option to another: , My own take on your problem is the following:
code :
$('input[type="radio"][name="item_meta[101]"]').change(
    function(){
        // testing if the chosen value is equal to '4' (all input values are strings):
        var valCheck = this.value === '4';

        // setting the value of the select:
        $('select[name="item_meta[106]"]').val(function(){
            /* setting to 'null' if the valCheck evaluates to true, otherwise returning
               the currently-selected value: */
            return valCheck ? 'null' : this.value;
        });
    });
Render a dropdown inside extjs grid and change other columns text on dropdown change

Render a dropdown inside extjs grid and change other columns text on dropdown change


By : Łukasz
Date : March 29 2020, 07:55 AM
Hope that helps You're looking for component cells. have a look on this
http://www.sencha.com/forum/showthread.php?148064-Component-Column-Components-in-Grid-Cells
this is showing image inbox when i click on dropdown and it change when i change dropdown select

this is showing image inbox when i click on dropdown and it change when i change dropdown select


By : Murat Çakır
Date : March 29 2020, 07:55 AM
hope this fix your issue , I got two version for you:
1. pure js:
code :
var selectedPic = document.getElementById('selected_pic');
selectedPic.onchange = function() {
  var picValue = selectedPic.options[selectedPic.selectedIndex].value; //selected value
  var aj = document.getElementById('aj'); //the image selected
  aj.src = picValue;
};
<div style="float:left; width:280px;">
  <select class="input_select" id="selected_pic">
    <option value="o">select</option>
    <option value="aj.jpg">aj</option>
    <option value="aj1.jpg">ajl</option>
    <option value="aj2.jpg">aj2</option>
  </select>
</div>
<div style="float:left; width:280px; height:300px">
  <img src="" width="300" height="300" id="aj">
</div>
$( "#selected_pic" ).change(function() {
    var src = $("#selected_pic").val();
    $('#aj').attr("src", src);
});
<div style="float:left; width:280px;">
  <select class="input_select" id="selected_pic">
    <option value="o">select</option>
    <option value="aj.jpg">aj</option>
    <option value="aj1.jpg">ajl</option>
    <option value="aj2.jpg">aj2</option>
  </select>
</div>
<div style="float:left; width:280px; height:300px">
  <img src="" width="300" height="300" id="aj">
</div>
<div style="float:left; width:280px;">
  <select class="input_select" id="selected_pic" onchange="pic('aj',this.value)">
    <option value="o">select</option>
    <option value="aj.jpg">aj</option>
    <option value="aj1.jpg">ajl</option>
    <option value="aj2.jpg">aj2</option>
  </select>
</div>
<div style="float:left; width:280px; height:300px">
  <img src="" width="300" height="300" id="aj">
</div>

<script>
  function pic(input, picValue) {
    var selPic = document.getElementById('selected_pic');
    var g = selPic.options[selPic.selectedIndex].text; //selected text
    var aj = document.getElementById(input);
    switch (g) {
      case 'aj':
        aj.src = picValue;
        break;
      case 'aj1':
        aj.src =  picValue;
        break;
      case 'aj2':
        aj.src = picValue;
        break;
    }
  }
</script>
is it possible to change the value in a dropdown using Javascript when dropdown is disabled

is it possible to change the value in a dropdown using Javascript when dropdown is disabled


By : Saurabh
Date : March 29 2020, 07:55 AM
wish of those help To update the effective value of a
shadow
Privacy Policy - Terms - Contact Us © voile276.org