/*
 * dropDownSreachType.js 文件功能是
 *	在用户用了图书搜索功能后，页面先是会把匹配到 关键字的数据进行输出，
 *	此时，坐上方的 “搜索类型下拉框” 和 “搜索框” 依旧要保持用户搜索时的样子，不能恢复默认。
 *
 *	举个例子：用户选择了 “按书架” 搜索类型去搜索 “小说区” 然后点击了搜索按钮，之后
 *				页面显示出了数据，页面上方的 “搜索类型下拉框” 要自动选择 “按书架” 还有
 *				“ 搜索框” 也要自动填上用户之前输入的 “小说区”
 */


/*
 * 在 “ 搜索类型下拉框 ” 选定了搜索类型后，将此类型的文本（例如：按书架），放入到 
 * javascript 的 session 中，以便查询出数据后的页面刷新后 “ 搜索类型下拉框 ” 还能自动选择
 * 搜索类型。
 */
function recordSreachType()
{
	options = $('.options li');
	options.click(function(){
		sessionStorage.sreachType = $(this).text();	
	}); 
}


/*
 * 根据 session 中的 sreachType 在 " 搜索类型下拉框 " 中选择相应的类型。
 * 因为我引用了一个外部的下拉框样式, 因此选中的时候有两层, 一层是真实的 <select><option>, 
 * 而另外一层则是使用 <ul><li> 和 jQuery 所模拟出来的下拉框样式
 * 因此，在下面的程序中选择下拉框样式，一要给真实层加上 class='select' (为了提交时能匹配搜索
 * 类型) , 二要给 <ul> 中相应的 <li> 模拟层加上 class='selected' ( 为了页面上能显示出来我们
 * 选中了哪个)
 */
function selectOptionBySession()
{

	// 当图书搜索 是已经进行了一次搜索后跳转到的页面才需要记住 “ 搜索类型下拉框 ” 的类型, 由其他
	// 页面的第一次进入则不用提前选择，只要默认的就好啦。
	if ( document.referrer != 'http://localhost/Library-Management-System/web/book-sreach/sreach'){
		return;
	}


	var sreachType = sessionStorage.sreachType;

	// 模拟层的 options
	options = $('.options li');
	options.each(function(){
		
		var optionText = $(this).text();	
		if( sreachType == optionText ){
			
			$(this).addClass('selected');
			$('.trigger').text( sreachType );
			$('.trigger').addClass('selected');
		}
	
	});


	// 真实层的 optionList
	optionList = $('.basic-usage-demo option');	
	optionList.each(function(){
		
		var optionText =$(this).text();
		if( sreachType == optionText ){
			
			$(this).attr('selected', 'selected');
		}
	});

}







@@ -425,32 +425,75 @@
 '.options li');%0A
+%09//sessionStorage.sreachType = null; // %E9%BB%98%E8%AE%A4%0A
 %09options.click(f
@@ -555,16 +555,272 @@
 ;%09%0A%09%7D); 
+%0A%0A%09// %E5%9C%A8%E5%88%9D%E8%BF%9B%E5%85%A5%E5%88%B0 %E5%9B%BE%E4%B9%A6%E6%90%9C%E7%B4%A2%E9%A1%B5%E9%9D%A2%E6%97%B6, %E5%B0%86%E9%BB%98%E8%AE%A4%E9%80%89%E6%8B%A9%E7%9A%84%E6%90%9C%E7%B4%A2%E7%B1%BB%E5%9E%8B%E6%94%BE%E5%85%A5%E5%88%B0 session%EF%BC%8C%E4%BB%A5%E9%98%B2%E6%AD%A2%E4%BD%BF%E7%94%A8%E6%90%9C%E7%B4%A2%E5%8A%9F%E8%83%BD%E5%90%8E%EF%BC%8C%E5%9B%A0%E4%B8%BA session %E7%9A%84%E5%80%BC%0A%09// %E8%BF%98%E6%98%AF%E4%B8%8A%E4%B8%80%E6%AC%A1%E7%9A%84%EF%BC%8C%E8%80%8C%E5%AF%BC%E8%87%B4%E6%90%9C%E7%B4%A2%E5%89%8D %E5%92%8C %E6%90%9C%E7%B4%A2%E5%90%8E %E7%9A%84%E6%90%9C%E7%B4%A2%E7%B1%BB%E5%9E%8B%E4%B8%8B%E6%8B%89%E6%A1%86%E7%9A%84%E5%80%BC%E4%B8%8D%E5%8C%B9%E9%85%8D%E7%9A%84%E9%97%AE%E9%A2%98 ( %E8%A6%81%E6%98%AF%E4%B8%8D%E6%87%82%EF%BC%8C%E5%8F%AF%E4%BB%A5%E6%8A%8A%E4%B8%8B%E9%9D%A2%E7%9A%84%E5%B0%8F%E6%AE%B5%E6%B3%A8%E9%87%8A%E6%8E%89)%0A%09options.each(function()%7B%0A%09%09if ( $(this).attr('class') = 'selected' )%7B%0A%09%09%09sessionStorage.sreachType = $(this).text();%09%0A%09%09%7D%0A%09%7D);
 %0A%7D%0A%0A%0A/*%0A

解决掉一个 搜索前 和 搜索后 因为 session 问题而导致的 搜索类型不一致的问题