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.