c# - 如何在服务器端按钮控件中调用javascript方法？

Question

  function calcRoute() {
        var start = document.getElementById('start').value;
        var end = document.getElementById('end').value;


        var request = {
            origin: start,
            destination: end,

            travelMode: google.maps.TravelMode.DRIVING
        };
        directionsService.route(request, function(response, status) {
            if (status == google.maps.DirectionsStatus.OK) {
                directionsDisplay.setDirections(response);
                var route = response.routes[0];
                var summaryPanel = document.getElementById('directions_panel');
                summaryPanel.innerHTML = '';
                // For each route, display summary information.
                for (var i = 0; i < route.legs.length; i++) {
                    var routeSegment = i + 1;
                    summaryPanel.innerHTML += '<b>Route Segment: ' + routeSegment + '</b><br>';
                    summaryPanel.innerHTML += route.legs[i].start_address + ' to ';
                    summaryPanel.innerHTML += route.legs[i].end_address + '<br>';
                    summaryPanel.innerHTML += route.legs[i].distance.text + '<br><br>';
                }
            }
        });
    }

    google.maps.event.addDomListener(window, 'load', initialize);

我的按钮事件未触发...我想使用服务器端控件使用两个下拉列表控件显示获取方向，但我的按钮事件未触发...我该怎么办？

 <asp:Button ID="btnsubmit" runat="server" OnClientClick="return calcRoute();" Text="Submit" />

如何将 javascript 方法调用到服务器端...请告诉我..

Answer 1

为什么你首先要有一个服务器端按钮？

该按钮不会调用提交事件，也不会回发到服务器。那么为什么不简单地使用普通的 html 按钮呢？

即使您的 Javascript 函数也不会返回 true 或 false，因此使用 return calcRoute() 将始终返回 false 事件。

无论如何，请尝试使用普通的 onClick 事件而不是 OnClientClick。

编辑

在我看来，您在这里所做的很多事情都可以使用 jQuery 以比您在这里尝试做的更好的方式来解决。