jQuery：xml：如何通过jQuery和id更改xml代码

Question

我正在尝试使用jQuery更改XML中的内容。 从我一直在查看的例子中我认为代码应该是这样的：

的javascript：

get_verrichtingen: function(){
    var self = this;
    var optie = "hello";

    self.$( "#verrichting-select" ).html( '<option value="' + optie + '">' + optie + '</option>' );
},

XML：

<div id="cashier-frame">
    <t t-esc="widget.get_verrichtingen()">
        <select>id="verrichting-select"</select>
    </t>
</div> 

我的目标是稍后创建一个下拉菜单。 我认为这不起作用的原因可能需要做点什么我把id =“verrichting-select”。

但我认为它应该存在，因为<select><option value="Hallo">Hallo</option></select>实际上有用吗？

现在使用jQuery，下拉列表只是空的。

我在这里做错了什么？

编辑：仅供参考：我正试图在Odoo销售点进行此操作。

编辑Emipro Technologies Pvt： 我只能在下拉列表中看到“全部”，但无法单击它以查看其他值。 我试图做一个非常简单的下拉菜单，但这也不起作用。我只看到“沃尔沃”，代码如下：

<div id="cashier-frame">
<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
</div>

我无法点击箭头。 这可能与Odoo有关吗？

Answer 1

您只需几步即可完成此操作，

首先，您需要在xml中定义下拉列表，

<select id="sele_filter" name="sele_filter">
    <option value="All" selected="true">All</option>
</select>

然后在您的小部件代码中，您需要先构建选项，然后将其附加到下拉列表中。

var options = "";
var i=0;
options += '<option value="' + i++ + '">' + i + </option>';
options += '<option value="' + i++ + '">' + i + </option>';
options += '<option value="' + i++ + '">' + i + </option>';

this.$el.find('#sele_filter').append(options);

$ el 可通过销售点访问。