[英]Get selected drop-down value of a row in html table using JavaScript/jQuery
[英]Drop down in HTML table and have selected value in table data in javascript
我在HTML表格中有下拉菜单
<td contenteditable="true">
<select class="currentCulture form-control">
<option value="0" >1</option>
<option value="1" >2</option>
<option value="2" >3</option>
</select>
</td>
<td contenteditable="true">Stir Fry</td>
<td contenteditable="true">stir-fry</td>
<td contenteditable="true">Stir Fry</td>
我用ajax调用以json形式将HTML表的全部数据返回给我的控制器
var table = $('#datatable').tableToJSON();
var datatosend = JSON.stringify(table)
alert(JSON.stringify(table));
$.ajax({
type: "POST",
url: '/SalesContracts/addd',
data: datatosend,
dataType: 'json',
contentType: "application/json; charset=utf-8",
success: function () {
alert('hii');
},
error: function (ex) {
alert('Failed to retrieve states.' + ex);
}
});
并得到像
{[
{
"Brand": "1\n 2\n 3",
"Model": "Stir Fry",
"Name": "stir-fry",
"Quantity": "Stir Fry",
"Unit": "stir-fry",
"Price Cost": "Stir Fry",
"SubTotal": "stir-fry",
"": ""
}]}
我收到select(Dropdown)“ brand”的所有三个选项,我只想在Jsondata中获得所选的一个。 有什么可能的解决方案吗? 。 如果有人帮助我,我将非常感激。谢谢。
TableTojson方法
(function(e){e.fn.tableToJSON=function(t){var n={ignoreColumns:[],onlyColumns:null,ignoreHiddenRows:!0,headings:null};t=e.extend(n,t);var r=function(e){return e!==undefined&&e!==null?!0:!1},i=function(n){return r(t.onlyColumns)?e.inArray(n,t.onlyColumns)===-1:e.inArray(n,t.ignoreColumns)!==-1},s=function(t,n){var r={};return e.each(n,function(e,n){e<t.length&&(r[t[e]]=n)}),r},o=function(t){var n=[];return e(t).children("td,th").each(function(t,s){if(!i(t)){var o=e(s).data("override"),u=e.trim(e(s).text());n[n.length]=r(o)?o:u}}),n},u=function(e){var n=e.find("tr:first").first();return r(t.headings)?t.headings:o(n)},a=function(n,i){var u=[];return n.children("tbody,*").children("tr").each(function(n,a){if(n!==0||r(t.headings))if(e(a).is(":visible")||!t.ignoreHiddenRows)u[u.length]=s(i,o(a))}),u},f=u(this);return a(this,f)}})(jQuery);
如果还有另一种方法来获取具有选定下拉列表值的表数据,请指导我。谢谢。
我不知道这是否会帮助您,也许这不是优化的方法,但它可以完成工作。 您能否删除未选中的选项并生成json。
我添加了一个temp div并克隆了表并添加到该表中
<div id="tempdiv" style="visibility:hidden">
$('#datatable').clone().appendTo($("#tempdiv"));
var tempTable=$("#tempdiv").children(0);
var sel = tempTable.find(".currentCulture");
$(sel).children().not("option:selected").remove();
var table = (tempTable).tableToJSON();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.