2017-09-07 270 views
0

我有一個簡單的句子試圖讓選擇輸入,如:更改寬度和高度使用jQuery

$("select[title='Tipo de solicitud']").attr("style","height:30px;" "width:100px"); 

,但我得到:

Uncaught SyntaxError: missing)

奇怪的覺得,如果我只用一種風格,如:

$("select[title='Tipo de solicitud']").attr("style","height:30px;"); 

它的作品,所以我怎麼能在同一ATTR增加高度和寬度?問候

+0

更好地做$(「選擇[title ='Tipo de solicitud']」)。addClass('whatever'); – Keith

+0

這是那些頓悟的東西之一,是的。 – deg

回答

1

你有一個語法錯誤:

$("select[title='Tipo de solicitud']").attr("style","height:30px;width:100px"); 
// "height:30px;width:100px" not "height:30px;" "width:100px" 

但是,改變style屬性將放棄在原來的標記設定,以前的內聯樣式,以防止這一點,你可以使用jQuery的.css()功能如果沒有設置它,這將增加一個新的樣式屬性,並覆蓋它,如果它是:

$("select[title='Tipo de solicitud']").css({ 
    'height':'30px', 
    'width':'100px' 
}); 

對於擁有多個頭銜多選擇使用日是:

var titles="Tipo de solicitud,Valor de Estatus"; 

$.each(titles.split(","), function(i,e){ 
    $("select[title='" + e + "']").css({ 
     'height':'30px', 
     'width':'100px' 
    }); 
}); 
+0

有一個問題,如果我有多個選擇,我想應用相同的CSS,是否可以添加多個標題呢? – Ledwing

+0

@Ledwing是的,你可以,用逗號分隔它們,就像你在CSS中做的那樣。 –

+0

我試着做'$(「select [title ='Tipo de solicitud,Valor de Estatus']」)。css({'height':'30px',' 'width':'800px' }) ;'與昏迷分離,但它沒有作品 – Ledwing

0
$("select[title='Tipo de solicitud']").css({"height":"30px","width":"100px"});