0

我想用 jquery 填充一个 xml。我得到以下代码：

jQuery：

   $.ajax({
        type: "GET",
        url: "GHworkerType.xml",
        dataType: "xml",
        success: function (xml) {
            $(xml).find('type').each(function () {
                var id = $(this).attr('id');
                var name = $(this).find('name').text();
                var rate = $(this).find('rate').text();
                $('<div id="link_' + id + '"></div>').html('<a href="' + name + '">' + type + '</a>').appendTo('#WorkerTypeDropDownList');

            });
        }
    });

xml:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<worker>
    <type id=0>
        <name>Fitter, mechanical or electrician</name>
        <rate>75</rate>
    </type>
</worker>

html:

<select id="WorkerTypeDropDownList">
      <option>loading</option>
</select>

我现在如何填充这个 xml？我希望用户选择其中一项并将值（速率）传递给我的代码隐藏（C#）的变量。

我还想将此 xml 填充到另一个下拉列表中。但在这种情况下，我想更改费率。我怎样才能让它工作？

问候

托比

编辑：

这是正在运行的代码：

js：

$.ajax({
                                type: "GET",
                                url: "GHworkerType.xml",
                                dataType: "xml",
                                success: function (xml) {
                                    var select = $('#comboWorkerType');
                                    $(xml).find('type').each(function () {
                                        type = $(this).find('type').text();
                                        select.append("" + type + "");
                                        id = $(this).attr('id');
                                        name = $(this).find('name').text();
                                        rate = $(this).find('rate').text();
//                                        alert(rate);
                                        $('<option>' + name + '</option>').html('<option' + type + '">' + name + '</option>').appendTo('#comboWorkerType');
                                    });
                                    //                    alert($('#comboWorkerType option:selected').text());

                                    select.children(":first").text("Select worker type").attr("selected", true);

                                }

xml:

<type>
    <name>Fitter, mechanical or electrician</name>
    <rate>75</rate>
</type>

html:

<select id="comboWorkerType" >
     <option>Select worker type</option>
</select>

但我想将所选项目的速率获取到我的代码隐藏中。

我怎样才能让它运行？

问候

托比

4

0 回答 0