在jQuery中,可以使用.val()方法獲取和修改表單元素的值,例如文本框和下拉選項。該方法可用于獲取單個元素的值,也可以用于同時獲取或修改多個元素的值。
使用.val()方法獲取元素的值,只需將該元素作為選擇器傳遞給該方法即可。
//獲取文本框的值 var textBoxValue = $('#textBox').val();
使用.val()方法修改元素的值,可以將新值作為參數傳遞給該方法。當修改多個元素的值時,可以在傳遞參數時使用回調函數。
//設置文本框的值 $('#textBox').val('new value'); //設置多個下拉選項的值 $('select').val(function(){ return $(this).children('option').first().val(); });
此外,.val()還可用于獲取和設置元素的默認值。在獲取默認值時,不需要傳遞任何參數。在設置默認值時,可以將新值作為參數傳遞給該方法。
//獲取文本框的默認值 var textBoxDefaultValue = $('#textBox').val(); //設置文本框的默認值 $('#textBox').val('new default value');
需要注意的是,當.val()用于獲取多個元素的值時,返回的是一個數組。同樣的,當用于設置多個元素的值時,需要使用數組或對象來傳遞新值。
//獲取多個文本框的值,返回數組 var textBoxesValues = $('input[type="text"]').val(); //設置多個下拉選項的值,使用數組 $('select').val(['value1', 'value2', 'value3']); //設置多個復選框的值,使用對象 $('input[type="checkbox"]').val({'checkbox1':true, 'checkbox2':false});
在使用.val()方法時,需要注意不同類型的表單元素和值的數據類型,以確保正確地獲取和修改表單元素的值。