Question

我们有像这样的JSON

"[{\"UserID\":1,\"Name\":\"demo\"},{\"UserID\":4,\"Name\":\"ekova\"},{\"UserID\":2,\"Name\":\"Himansu-it\"},{\"UserID\":3,\"Name\":\"Himansu-it Services\"}]"

我们需要显示UserName下拉列表，如果我在下拉列表中选择名称我们需要获得UserID.Like如果我们选择ekvoa我们需要得到UserID 4

我们会像这样显示userName下拉列表

function selectitems(){

     var getCustomerIDs = jQuery.parseJSON( customerID );

        $(getCustomerIDs).each(function() {
    console.log(this.UserID);
    console.log(this.Name);
    $('#date').append('<option>'+this.Name+'</option>');

        });
}

我们需要像这样发布UserID

$.ajax({

            url:'http://www.himansuit.com/DemoSalesApp/MyService.svc/GetCurrentGeoLocationsByUserID/'+userID,
            dataType: 'jsonp',
            type:'get',
            cache:false,
            timeout: 10000,
            error: function(x, t, m) {
        if(t==="timeout") {
            debugger;
            $('#alertmessage').empty();

             alert("NO Internet Connection");
          // withOutNetConnection();
        } else {
            //alert(t);
        }},
            success:function(data) {
                debugger;
                GetAllElementsjson=data;

       elements();

    }
    });

请指导我。

Answer 1

将选项的值设置为UserID，如下所示：

$('#date').append('<option value="'+this.UserID+'">'+this.Name+'</option>');

然后当#date更改时，您可以获取值（$('#date').val()），该值应该是用户ID。

Answer 2

在选择框的更改事件中将选项框中的用户ID添加为option.get选项中的值（＃date＆＃39;）

$('#date').append('<option value='+this.UserID+'>'+this.Name+'</option>');

在（#date）的更改事件上调用ajax。

 $('#date').on('change',function(){
   var  userID = $(this).val();
    $.ajax({
        url:'http://www.himansuit.com/DemoSalesApp/MyService.svc/GetCurrentGeoLocationsByUserID/'+userID,
        dataType: 'jsonp',
        type:'get',
        cache:false,
        timeout: 10000,
        error: function(x, t, m) {
    if(t==="timeout") {
        debugger;
        $('#alertmessage').empty();

         alert("NO Internet Connection");
      // withOutNetConnection();
    } else {
        //alert(t);
    }},
        success:function(data) {
            debugger;
            GetAllElementsjson=data;

   elements();

  }
  });
 })

如何通过Dropdown获取JSON值

2 个答案: