Javascript 请帮助优化和编写Jquery函数，该函数获取json数据并将其附加到选择列表选项

基本上只需要编写一个jQuery/Ajax，从服务器获取Json数据（价格数据） 并附加/覆盖每个选项文本值，使其具有 选中的选项和未选中的选项位于其末尾。只有未选择的选项才应在其末尾显示价差，请参见下面的示例

下面的代码基本上就是这么做的，但我似乎无法正确地附加/覆盖 它将显示在选项文本值的末尾，而不会随着下拉列表的每次更改而在末尾重复（不替换）价差。所以我得到了[产品名称0252525]等等

由于不知道如何不将差异附加到所选的选项文本中，我现在只得到了“0”，因为它从自身减去了自身

Json对象（数据）数组的格式为

{partid=3，price=234}，{partid=6，price=53}

等

清单应该是这样的：

[Intel i7 950] - selected visible option
[Intel i7 960 (+ $85)] - not selected but in the drop down list
[Intel i7 930 (- $55)] - not selected but in the drop down list



<script type="text/javascript">



    $(document).ready(function () {
        var arr = new Array();
        $('select option').each(function () {
            arr.push($(this).val());
        });






        $.ajax({
            type: "POST",
            url: "/Customise/GetPartPrice",
            data: { arr: arr },
            traditional: true,
            success: function (data) { mydata = data;  OnSuccess(data) },
            dataType: "json"



        });




    });





   $('select').change(function () { OnSuccess(mydata); });


    function OnSuccess(data) {



        $('select').each(function () {


            var sov = parseInt($(this).find('option:selected').attr('value')) || 0; //Selected option value

            var sop; //Selected Option Price


            for (i = 0; i <= data.length; i++) {


                if (data[i].partid == sov) {

                    sop = data[i].price;
                    break;
                }


            };









            $(this).find('option').each(function () {

                // $(this).append('<span></span>');

                var uov = parseInt($(this).attr('value')) || 0; //Unselected option value

                var uop; //Unselected Option Price


                for (d = 0; d <= data.length; d++) {


                    if (data[d].partid == uov) {

                        uop = data[d].price;
                        break;
                    }

                }

                var newtext = uop - sop;



                    var xtext = $(this).text().toString();
                    $(this).attr("text", xtext + newtext);


                // mob.append(newtext)
                // $(this).next('span').html(newtext);


            });







        });


    };




   //$(document).ready(function () { $("#partIdAndCount_0__PartID").prepend('<option value="0">Select Processor<option>'); });


</script>

[Intel i7 950]-选定的可见选项
[英特尔i7 960（+$85）]-未选中，但在下拉列表中
[英特尔i7 930（-55）]-未选中，但在下拉列表中
$（文档）.ready（函数（）{
var arr=新数组（）；
$（“选择选项”）。每个（函数（）{
arr.push（$（this.val（））；
});
$.ajax({
类型：“POST”，
url:“/Customize/GetPartPrice”，
数据：{arr:arr}，
传统的：是的，
成功：函数（数据）{mydata=data；OnSuccess（数据）}，
数据类型：“json”
});
});
$（'select'）.change（函数（）{OnSuccess（mydata）；}）；
函数OnSuccess（数据）{
$（'select'）。每个（函数（）{
var sov=parseInt（$（this）.find（'option:selected'）.attr（'value'））| | 0；//selected option value
var sop；//选择的期权价格
对于（i=0；i你很接近：

        $.ajax({
            type: "POST",
            url: "/Customise/GetPartPrice",
            data: { arr: arr },
            traditional: true,
            success: OnSuccess,
            dataType: "json"
        });

OnSuccess是一个只接受一个参数data的函数，所以您只需像上面那样使用该方法

$（'select'）.change（OnSuccess（data）；；
会像
$（'select'）一样进行编译。change（OnSuccess（data））；
减去函数中的分号。但是，这是在OnSuccess立即执行的。同样，
$（'select'）.change（OnSuccess）；
是您想要的。
声明一个变量以将其存储在外部作用域中：

var theJSON;

$(document).ready(function () {
        var arr = new Array();
        $('select option').each(function () {
            arr.push($(this).val());
        });


        $.ajax({
            type: "POST",
            url: "/Customise/GetPartPrice",
            data: { arr: arr },
            traditional: true,
            success: function (data) { theJSON = data; OnSuccess(theJSON)},
            dataType: "json"

        });
});

$('select').change(function(){ OnSuccess(theJSON); });