Question

我身体里有这个：

<div id="map"style="width: 400; height: 400" ></div>

我尝试创建一个变量并像这样更新它：

<div id="map"style="width: map_size; height: map_size" ></div>

我也试过创建一个函数，并以另一种方式设置它：

function getComboA(sel) {
    map_size = sel.options[sel.selectedIndex].value;  
    $("#map").css("width", map_size);
    $("#map").css("height",map_size);

我尝试从下拉菜单中获取map_size的值，我不知道如何测试它是否正常工作但地图没有显示。

我是新手，所以我可能误解了一些基本的东西，感谢任何帮助。

Answer 1

我在这里创建了一个演示..

http://jsfiddle.net/kN7UQ/2/

这有帮助吗？

<强>更新

$(function(){ //document ready... be sure to start your code after the document is ready

    $('select').bind('change', function(){ //this is binds to the 'change' event of the select box
        var dimension = $('select').val(); //here we are taking the selected value from the select box
        $('#map').css({ width: dimension +'px', height: dimension +'px' }); // this is where we are setting the dimension for the '#map' element, be sure to add 'px' to the dimension as i saw you didn't in your question
    });

});

Answer 2

您必须在脚本识别它们之前在Javascript中定义变量的值。如果它们是.Net变量，那么它将无法识别它们，它们是两个独立的系统。以下文章可以帮助您桥接这两个系统：

http://aspadvice.com/blogs/net_discoveries/archive/2012/08/30/Using-ASP.Net-to-Create-JavaScript-Code.aspx

http://aspadvice.com/blogs/net_discoveries/archive/2007/01/05/Using-ASP.Net-to-Create-JavaScript-Variables.aspx

Answer 3

试试这个：）

http://jsfiddle.net/vXHLS/1/

使用功能HTML设置样式宽度/高度

3 个答案: