c# - jqueryを使用してドロップダウンにxmlを入力します

Question

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を今すぐ入力するにはどうすればよいですか? ユーザーが項目の 1 つを選択し、値 (レート) を変数に渡し、コード ビハインド (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>

しかし、選択したアイテムのレートをコードビハインドに取得したいと考えています。

どうすればこれを実行できますか?

挨拶

トビ