使用功能HTML

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

你必须在脚本识别它们之前在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 2

试试这个:)

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

Answer 3

我在这里创造一个演示..

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

这有帮助吗？

UPDATE

$(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 
    }); 

});​