You are viewing limited content. For full access, please sign in.

Question

Question

Table with Dropdown, i need an type-able option

asked on December 23, 2015

I have a form that has a table with one of the columns is a drop down for type of work. Currently I have 2 tables, one with a drop down and the second it typeable. Is tehre a way to have it in one table?

Drop Down.png
Drop Down.png (12.3 KB)
0 0

Answer

SELECTED ANSWER
replied on December 23, 2015 Show version history

You can use the editable select jquery plugin from here. Make sure to use the included CSS and JS files.

Here's a sample form with a table that has a drop down field. The drop down field uses the CSS class name, tabledropdown. After applying the following JavaScript

$(document).ready(function () {
  $.getScript('http://myserver/Forms/js/jquery.editable-select.js', function() {
    $('.tabledropdown select').editableSelect();
    $('.cf-table-block').on('click', '.cf-table-add-row', function () {
      $('.tabledropdown select').editableSelect();
    });
  });
});

the form now looks like

where the user choose from an existing option or input their own. You'll have to replace "myserver" with your actual Forms server.

3 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.