javascript - jquery中使用一个元素的值来查找另一个元素

Question

我的项目中有一个选择框。它是表单的一部分。通过菜单选择产品。在同一行上有一个输入，其中必须包含产品的价格。在页面隐藏的某个地方，我有一个 div，它的 ID 是产品名称。该 div 包含产品数据(价格和一些其他数据)。我有一个事件处理程序，它对选择框使用react(javascript on(change))。

在事件处理程序中，我有以下代码来查找包含价格的 div(prijs，我是荷兰人)。这不起作用。我在这里做错了什么？

$(this).parent('tr').find('#prijs').val($(div).find($this.val()).find('#prijs')).val();

我修正了所有愚蠢的拼写错误。谢谢你把它们拿出来。周四晚上的关键时刻让我有点往南走。下面我将给出一个更详细的例子。

   <select name='producten[1]' class='product'>
     <option value='phone1'>phone1</option>
     <option value='phone1'>phone2</option>
    </select>
    <input type="text" id="prijs"></input>
    <input type="text" id="per"></input>


    <div class="hidden" id="phone1"><div id="dbprijs">'125.00'</div><div id="dbper">a piece</div></div>
    <div class="hidden" id="phone2"><div id="dbprijs">225.00</div><div id="dbper">a piece</div></div>

   <script type="text/javascript">
    $(document).ready(
        function(){
                        $("body").on("change",".product", function(){

                              $(this).parent('tr').find('#prijs').val($('div').find($(this).val()).find('#dbprijs')).val();
                        });
        }
    );
   </script>

A JSFiddle with the above code

据我所知，这里真正的挑战是告诉 JQuery 查找具有选择框值的 id。感谢 Fabrizio 编辑原始问题。

Answer 1

一个可能的错误是 this 未包装在 $()
其次， div 没有单引号。

$(this).parent('tr').find('#prijs').val($('div').find($(this).val()).find('#prijs')).val();