how to change a selections options based on another select option selected?

by

Here is an example of what you are trying to do => fiddle

$(document).ready(function () {
    $("#type").change(function () {
        var val = $(this).val();
        if (val == "item1") {
            $("#size").html("<option value="test">item1: test 1</option><option value="test2">item1: test 2</option>");
        } else if (val == "item2") {
            $("#size").html("<option value="test">item2: test 1</option><option value="test2">item2: test 2</option>");
        } else if (val == "item3") {
            $("#size").html("<option value="test">item3: test 1</option><option value="test2">item3: test 2</option>");
        } else if (val == "item0") {
            $("#size").html("<option value="">--select one--</option>");
        }
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="type">
    <option value="item0">--Select an Item--</option>
    <option value="item1">item1</option>
    <option value="item2">item2</option>
    <option value="item3">item3</option>
</select>

<select id="size">
    <option value="">-- select one -- </option>
</select>

More Related Contents:

  1. How to get id from url?
  2. how to get source of a page
  3. How can I use jQuery in Greasemonkey scripts in Google Chrome?
  4. How to get a table cell value using jQuery?
  5. jQuery disable a link
  6. What is fastest children() or find() in jQuery?
  7. val() doesn’t trigger change() in jQuery
  8. How to add a list item to an existing unordered list
  9. Download File Using jQuery
  10. Find out whether radio button is checked with JQuery?
  11. Using jQuery To Get Size of Viewport
  12. jQuery get all divs which do not have class attribute
  13. Posting JSON data via jQuery to ASP .NET MVC 4 controller action
  14. Is it possible to use jQuery to read meta tags
  15. what is difference between success and .done() method of $.ajax
  16. Changing the position of Bootstrap popovers based on the popover’s X position in relation to window edge?
  17. jQuery: fire click() before blur() event
  18. Is there a jquery event that fires when a new node is inserted into the dom?
  19. jQuery object: to cache or not to cache?
  20. How to implement “mustMatch” and “selectFirst” in jQuery UI Autocomplete?
  21. HTML Table to JSON
  22. When using Ajax with jQuery DataTables, how do I determine what to do with the data returned?
  23. disable a hyperlink using jQuery
  24. jQuery Validation – Two fields, only required to fill in one
  25. jQuery $(“.class”).click(); – multiple elements, click event once
  26. Different forms of $(document).ready
  27. Find all unchecked checkboxes in jQuery
  28. jQuery: this.attr() not a function?
  29. How to create a diagonal line within a table cell?
  30. Jquery how to bind click event on dynamically created elements?

Leave a Comment