Question

我的选择框

<select id="ProductCode" name="ProductCode">
   <option value="1">Product Description 1 - Box</option>
   <option value="2">Product Description 2 - Carton</option>
   <option value="3">Product Description 3 - Bottle</option>
   <option value="4">Product Description 4 - Cylinder</option>
</select>

我的td

<td>Product Description 3 - Bottle</td>

这里我试图从我的选择框中获取文本并将文本设置为选定值。我可以从中获取文本，但无法将其插入到选择框中。

$("#ProductCode").val(<td> text here);

以上代码不起作用。有任何想法吗？？？感谢

Answer 1

另一种方式：

$('#ProductCode option').filter(function(){
  return $(this).html() == text;
}).prop('selected',true);

实例：http://jsfiddle.net/g73rL/

Answer 2

尝试：

var text = $("td").text();
$("#ProductCode").find("option").each(function(){
    if($(this).text() == text){
        $(this).prop("selected",true);
    }
});

Answer 3

尝试这样的事情

    var text= 'Product Description 3 - Bottle';
    $('#ProductCode option:contains(' + text + ')').each(function(){
        if ($(this).text() == text) {
            this.selected = true;
            return false;
        }
        return true;
    });

Answer 4

另一种方式：http://jsfiddle.net/patelmilanb1/g73rL/1/

var text = "Product Description 2 - Carton"
$('#ProductCode option:contains("' + text + '")').prop('selected', true);

Answer 5

您可以根据选项文本轻松选择下拉选项：

$("#ProductCode option:contains("+ yourTD_Text +")").attr('selected', 'selected');

试试这个：

<强> HTML：

<table>
    <tr><td>Product Description 1 - Box</td>
    <td>Product Description 2 - Carton</td>
    <td>Product Description 3 - Bottle</td>
    <td>Product Description 4 - Cylinder</td></tr>
</table>


<input id="txtinput" type="text" value="3">    
<input id="btnselect" type="button" value="click here">
    <br/>
<select id="ProductCode" name="ProductCode">
   <option value="1">Product Description 1 - Box</option>
   <option value="2">Product Description 2 - Carton</option>
   <option value="3">Product Description 3 - Bottle</option>
   <option value="4">Product Description 4 - Cylinder</option>
</select>

<强> Jquery的：

$(document).ready(function () {
 $('#btnselect').click(function () {
   var rowNo = $('#txtinput').val().trim();
   var selectOption = $('table tr td:nth-child(' + rowNo + ')').text().trim();     
   $("#ProductCode option:contains("+ selectOption +")").attr('selected', 'selected');
 });
});

Check this fiddle

从中获取html并将其作为选定值插入“选择”框中

5 个答案: