如何在Jquery中获取列表视图中选定项的内容
我有一张这样的桌子如何在Jquery中获取列表视图中选定项的内容,jquery,Jquery,我有一张这样的桌子 <table> <tr> <td></td> <td> <select> <option>One</option> <option>Two</option> </select>
<table>
<tr>
<td></td>
<td>
<select>
<option>One</option>
<option>Two</option>
</select>
<button class="makeStrng">+</button>
</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td>
<button class="addRow">Add ME</button>
</td>
</tr>
</table>
我正在尝试获取所选项目的文本并将其添加到输入框中。如果我再次点击加号,它会在选择框中再次添加一个空格
例如,如果我先选择两个,然后单击文本框中的“添加”按钮,它将显示两个,然后如果我选择一个,它将在文本框中显示两个一
我不能在这里使用ID,因为我给了用户多次添加此行的选项
剧本
提前感谢您可以
$document.readyfunction{
$document.onclick、.addRow、.makeStrng、函数{
var$id=$this.attrid;
var$class=$this.attrclass;
如果$class==addRow{
var$row=$this.closesttr;//查找最近的行
var-prev=$row.prev;
$prev.after+prev.html+;
}
如果$class==makeStrng{
//alertMakeStrng;
$class=$this.closestselect;
警报$$class+选项:选中。文本;
}
};
$document.onclick、按钮、函数{
var$tr=$this.最近的'tr'
$tr.find'input'.valfunctioni,val{
return+val | | 0++$tr.find'select.val | 0
}
}
};
一
二
+
加我
借助于 @阿伦 下面是一个工作示例 剧本 HTML 希望它能帮助一些需要帮助的人:
谢谢javascript/jQuery部分在哪里???@A.Wolff我刚刚更新了fiddleThx,但请将其添加到问题中itself@A.Wolff好的,我现在要添加它可能的副本应该连接所选选项的文本并将其添加到文本框中,类似这样,在javascript中,我像x.value+=y.value+;十、重点;
$(document).ready(function () {
$(document).on("click", ".addRow,.makeStrng", function () {
var $class = $(this).attr("class");
if ($class == "addRow") {
var $row = $(this).closest("tr"); // Finds the closest row <tr>
var prev = $row.prev();
$(prev).after("<tr>" + prev.html() + "</tr>");
}
if ($class == "makeStrng") {
//alert("MakeStrng");
$class = $(this).closest("select");
alert($($class + " option:selected").text());
}
});
});
$(document).ready(function () {
$(document).on("click", ".addRow,.makeStrng", function () {
var $class = $(this).attr("class");
if ($class == "addRow") {
var $row = $(this).closest("tr"); // Finds the closest row <tr>
var prev = $row.prev();
$(prev).after("<tr>" + prev.html() + "</tr>");
}
if ($class == "makeStrng") {
var $tr = $(this).closest('tr')
$tr.find('input').val(function (i, val) {
return (val+" ") + ( $tr.find('select option:selected').text())
});
}
});
});
<table>
<tr>
<td></td>
<td>
<select>
<option>One</option>
<option>Two</option>
</select>
<button class="makeStrng">+</button>
</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td>
<button class="addRow">Add ME</button>
</td>
</tr>
</table>