jQuery試題與答案38

1、獲取當前選中的下拉框值并使用jquery把這個值顯示在網頁上。

//HTML代碼
<select id="selectBox">
<option value="value1">選項1</option>
<option value="value2">選項2</option>
<option value="value3">選項3</option>
</select>
//Jquery代碼
$(function(){
$('#selectBox').on('change', function() {
var selVal = $(this).val(); //獲取選中的值
$('#result').html(selVal);  //將選中的值顯示在#result元素中
});
});

2、使用jquery獲取表單元素的值并發送到服務器端的方法。

//HTML代碼
<form action="your_server_url" method="post">
<div>
<label>名稱:</label>
<input type="text" name="name" value="設置預設文本" />
</div>
<div>
<label>郵箱:</label>
<input type="text" name="email" value="example@example.com" />
</div>
<input type="submit" value="提交" />
</form>
//Jquery代碼
$(function(){
$('form').submit(function(e){
e.preventDefault(); //阻止默認提交
var data = $('form').serialize(); //獲取表單數據
$.post($(this).attr('action'), data, function(resp){
alert(resp); //處理服務器返回值
});
});
});