1

我正在尝试使用 rails 和 jquery 在这里进行动态选择。代码如下

<div class = "line_items">  

<%- calc = Hash[Item.all.map{|p| [p.id, p.quantity]}].to_json %>

<div class = "item"><%= f.collection_select :item_id,Item.all,:id,:title, :prompt => "Select a Item", input_html: {data:{calc: calc} %></div>

   <div class ="quantity"> <%= f.text_field :quantity %></div>
/*rest  of code*/
</div>

视图的javascript如下

jQuery(document).ready(function(){
    jQuery('.item').bind('change',function() {
    var selectElement = jQuery(this);
    var  itemSelected = jQuery('.item:selected').val();
    var wrapperDivElement = selectElement.parent(".line_items");
    var quantity= eval(selectElement.data("calc"))[itemSelected];
    jQuery(".quantity", wrapperDivElement).val(quantity);
  });
});

当我更改项目时，我 eval(selectElement.data("calc"))[itemSelected] is undefined在萤火虫中收到以下错误。谁能指出我哪里出错了？还有任何更好的方法来获得数量。我觉得我正在做的方法很粗糙。任何指导都会有所帮助。提前致谢。

4

2 回答 2

1 
jQuery(document).ready(function(){
    jQuery('.item select').bind('change',function() {
    var selectElement = jQuery(this);
    var  itemSelected = selectElement.val();
    var wrapperDivElement = selectElement.parents(".line_items");
    var quantity= eval(selectElement.data("calc"))[itemSelected];
    jQuery(".quantity input", wrapperDivElement).val(quantity);
  });
});

我猜 itemSelected 的值没有被检测到，因此错误。上面重新定义的代码应该可以工作。但我强烈敦促您不要获取这样的数据。最好进行 json 调用或 ajax 调用以从控制器获取相关数据。并在代码中parents使用:)parent

于 2012-09-13T10:01:44.763 回答
0

我认为您将按索引的引用和按 ID 的引用混淆了。我不是 Javascript 向导，但你用 . 然后您在更改事件中获得“val”值。那包含一个整数，但那不是索引。

然后您在 Javascript 中请求具有索引 val 的项目，而不是具有值 val 的项目。也许 javascript 无法区分它们，因为两者都需要一个 Int ...

就是这一行：

var quantity= eval(selectElement.data("calc"))[itemSelected];
于 2012-08-17T11:09:22.083 回答