javascript - 在<select>标记中找到相应的值并显示它

Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。
                        
                    
                
            
        
            
        
                
                    
                
            
                
                    想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                
                    6年前关闭。
            
        

    

我要实现的目标是，当有人从第1列下拉列表中选择任何选项时，它应该在第二列中搜索相应的选项，并在第三列中显示其值。

例如，假设某人从第1列下拉列表中选择了值3，则要在第3列中显示的对应值将为30。

我不知道该如何实现-有人可以指导我吗？这是我到目前为止的内容：

$(document).ready(function () {
    $("tbody tr td:nth-of-type(1)").on('change blur input', function() {

    });
});

如果您愿意，这是我的JSFiddle。

最佳答案

$(document).ready(function () {
    $("tbody tr td:nth-of-type(1) select").on("change", function () {
        var thistext = $(this).find(":selected").text().toLowerCase();
        var nexttext = $(this).closest("td").next().find("option[value='" + thistext + "']").text();
        $(this).closest("td").siblings().eq(1).text(nexttext);
    });
});

首先，您需要将处理程序放在<select>元素上，而不是在<td>上。

然后，要在第二个菜单中找到相应的选项，我将找到一个值等于所选选项中小写字母的选项。然后，我将其文本放在第三栏中。

如果这不是您想要的，也许您可​​以在问题中阐明相应选项的含义。

FIDDLE

关于javascript - 在<select>标记中找到相应的值并显示它，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19351972/