Question

在我的旧UI设计代码中，我有四个选项值。它的工作正常我看起来像

 <select name="ssmonthlymipfrequency">
            <option value="monthly">Monthly</option>
            <option value="quarterly">Quarterly</option>
            <option value="semianually">Semi Anually</option>
            <option value="anually" selected>Anually</option>
          </select>

其工作完美现在我已经更改了新UI代码四个选项值更改

onclick函数其代码看起来像

  <img src="Content/Images/A.png"  style="cursor:pointer" id="A1"  onclick="changeperiod(event,this.id,this.src)" />
                                        </div>

我使用过脚本Onclick功能

var id;
var eve;
var ImageName;
function changeperiod(event, _id, _src) {
    id = _id;
    eve = event;
    //alert(_id);
    var img = _src.substring(_src.lastIndexOf('/') + 1);
    ImageName = img;
   $('#mymodal').modal()
    if (ImageName == "A.png") {
        //alert(ImageName);
        $("#anually").prop('checked', true);
        $("#semianually").prop('checked', false);
        $("#quarterly").prop('checked', false);
        $("#monthly").prop('checked', false);
    }
    if (ImageName == "Q.png") {
        //alert(ImageName);
        $("#quarterly").prop('checked', true);
        $("#anually").prop('checked', false);
        $("#semianually").prop('checked', false);
        $("#monthly").prop('checked', false);

    }
    if (ImageName == "S.png") {
        // alert(ImageName);
        $("#semianually").prop('checked', true);
        $("#quarterly").prop('checked', false);
        $("#anually").prop('checked', false);
        $("#monthly").prop('checked', false);

    }
    if (ImageName == "M.png") {
        //alert(ImageName);
        $("#monthly").prop('checked', true);
        $("#semianually").prop('checked', false);
        $("#quarterly").prop('checked', false);
        $("#anually").prop('checked', false);

    }
    // $('#save').hide();
    $('#trigger').prop('disabled', true);
    $('#trigger').addClass('disabledButton');
  }
var value;
$('#myForm input').on('change', function () {
    value = $('input[name="a"]:checked', '#myForm').val();
    $('#trigger').prop('disabled', false);
    $('#trigger').removeClass('disabledButton');
});
$('#trigger').on('click', function () {
    if (value == "A") {
        alert(value);
        $(eve.target).attr("src", "Content/Images/A.png");

    }
    if (value == "S") {
        $(eve.target).attr("src", "Content/Images/S.png");
    }
    if (value == "Q") {
        $(eve.target).attr("src", "Content/Images/Q.png");
    }
    if (value == "M") {
        $(eve.target).attr("src", "Content/Images/M.png");
    }
    $('#mymodal').modal('hide');



});

我想要传递选择名称值脚本函数。以前的代码工作选项值。如何在javascript中传递选择名称？新的UI代码不工作？选择名称脚本：

 if ($ssmonthlymipfrequency=="yearly")
        {
            $ssmonthlymipamt =$ssmonthlymipamt/12;
        }
        switch($ssmonthlymipfrequency)
        {

         case "anually":
         $ssmonthlymipamtmonthly=$ssmonthlymipamt/12;
         break;
         case "semianually":
         $ssmonthlymipamtmonthly=$ssmonthlymipamt/6;
         break;
         case "quarterly":
         $ssmonthlymipamtmonthly=$ssmonthlymipamt/3;
         break;
         default:
         $ssmonthlymipamtmonthly=$ssmonthlymipamt;
         break;
        }

如何在新的UI代码脚本中传递选择名称值？提前thnaks

通过java脚本获取选项值

0 个答案: