使用功能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 
    }); 

});​