title: Get the selected value in dropdown in a particular column of datatable
body: <p>I am trying to get the value of selected element in a dropdown in a column of datatable. Following is my code :</p>
  
  <pre><code>function getstate(item) {
      var rows = $("#content_objects_table").dataTable().fnGetNodes();
  
      for(var i=0;i&lt;rows.length;i++)
      {
           // Get HTML of 3rd column (for example)
          console.log("item:"+item+" id:"+$(rows[i]).find("td:eq(1)").html());
          if($(rows[i]).find("td:eq(1)").html()==item){
              console.log($(rows[i]).find("td:eq(4)").div.select.data-state);
              return ($(rows[i]).find("td:eq(4)").html());
          }   
      }
  };
  </code></pre>
  
  <p>So far I am able to get the value of column having the dropdown. So I am getting a div like below:</p>
  
  <pre><code>&lt;div class="selectorContainer assemblyCompleted" style="padding-left: 15px;"&gt;
      &lt;select class="states" style="width: 150px;" data-objectid="Scorm123" data-state="ready-for-publishing"&gt;
          &lt;option value="ready-for-publishing"&gt;Ready for Publishing&lt;/option&gt;
          &lt;option value="published"&gt;Published&lt;/option&gt;
          &lt;option value="rework"&gt;Rework&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How to get the value of selected option which is the value of data-state i.e. here data-state is "ready-for-publishing" and the value corresponding to it is Ready for Publishing.</p>