Получите значение опции выбора, а затем используйте его для поиска / фильтрации

Возможно, это только я, но мне трудно сказать, что вы здесь задаете.

Книги с разуплотненным шрифтом не могут быть прочитаны на каком-либо другом устройстве, не нарушая DRM. (Edit: Это не относится к устройствам, для которых доступны приложения Kindle, такие как Android-телефоны / планшеты, iPads и даже настольные браузеры через Cloud Reader от Amazon. Я имею в виду только специальные eReaders e-ink.) И Kindles может 't читал много других форматов (только фирменный формат Amazon и PDF). Тем не менее, вы можете получать данные в Kindle в Ubuntu и покидать их.

Если вы ищете как можно большую гибкость / переносимость, вы должны покупать свои книги в формате ePub, когда это возможно. Этот формат поддерживается самым широким числом устройств (кроме PDF или обычного текста) и является открытым стандартом, хотя он часто защищен DRM.

Книготорговцы, предлагающие книги в формате ePub, включают Книги Кобо и электронные книги Google.

eReaders, которые могут читать формат ePub, включают в себя книги Kobo Books , Sony, которые могут быть прочитаны, загружены на ваш компьютер и перенесены на любое устройство, которое читает книги в формате ePub. Reader и Google eBooks , но их еще много.

Чтобы получить электронные книги на вашем eReader, вам не обязательно даже понадобиться использовать ваш компьютер. Некоторые, такие как Kindle и Nook, могут использоваться для покупки электронных книг прямо с устройства. Другие потребуют, чтобы вы загрузили электронную книгу на eReader с вашего ПК. Существует потрясающее родное приложение Linux для управления eBook под названием Sony Reader , доступное в программном центре Ubuntu, которое поддерживает множество разных eReaders.

Короче говоря, в отношении вашего последнего вопроса (" Правильно ли, что Kindle читает единственное устройство eInk, которое даст пользователям Ubuntu доступ к коммерческим ebooks? »), Ответ - нет.

2
задан 13 August 2018 в 14:55

2 ответа

$('#searchselect').on('change', function(event) {
	event.preventDefault();

	var searchText   = $('input[name=s]').val();
	var section      = $(this).val();
	
	var query_params = '?s=' + searchText + '&c=' + section;

	// send ajax request to avoid page reload

	$.ajax({

		url: 'http://realbusinessanalytics.com' + query_params,
		type: 'GET',
		dataType: 'html'
	})
	.done(function(results) {
		
		// replace the current page
		var newDoc = document.open("text/html", "replace");
                newDoc.write(results);
                newDoc.close();


		// update the url
                window.history.pushState({},"", query_params);
	});
	
});
form {
    margin-bottom: 30px;
    color: #243b5e;
    min-width: 900px;
}

form input {
    background-color: #f6f6f6 !important;
    padding: 15px 55px 15px 40px !important;
    border-radius: 3px !important;
    color: #243b5e;
    font-size: 25px;
    font-weight: 700;
}

.top-search .searching-word {
	background: rgba(255, 255, 255, 0);
	border: 0;
	width: 75%;
	padding: 10px 10px 10px 20px;
}

form .search-button-wrapper {
    top: 4px;
    left: -50px;
    position: relative;
}

form .search-select {
    margin-top: 30px;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #f0f0f0;
    border: 0;
    padding: 15px;
    width: 250px;
    font-size: 15px;
    color: #243b5e;
}
<!DOCTYPE html>
<html>
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>

<div class="cw-wrapper">

<form action="http://realbusinessanalytics.com" method="get" class="top-search">

	<input class="searching-word" name="s" placeholder="Search LBS by … " value="global" type="text">

	<a href="#" class="search-button-wrapper">
		<button class="search-button">
			<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 16 16">
			<g fill="none" fill-rule="evenodd" stroke="#3B465C" stroke-width="1.3" transform="translate(1 1)">
				<circle cx="5.5" cy="5.5" r="5.5"></circle>
				<path stroke-linecap="round" d="M9.5 9.5l4.528 4.528"></path>
			</g>
			</svg>
		</button>
	</a>


	<select name="c" id="searchselect" class="search-select">
		<option class="search-placeholder" value="" disabled="" selected="">ALL RESULTS</option>
		<option value="59">Accounting, Finance and Economics</option>
		<option value="26">Advisory Board</option>
		<option value="34">Alumni Team</option>
		<option value="43">Business and economic outlook</option>
		<option value="78">Business Ethics</option>
		<option value="39">Case analysis</option>
		<option value="65">Executive Programmes</option>
		<option value="73">Faculty directory profiles</option>
		<option value="82">Finance</option>
		<option value="56">General Management Programme</option>
		<option value="18">In the Media</option>
		<option value="38">LBS Insight</option>
		<option value="61">Marketing and Sales Management</option>
		<option value="19">News</option>
		<option value="57">Open Seminars</option>
		<option value="60">Operations and Management Information System</option>
		<option value="63">Personal Leadership and Human Resources Management</option>
		<option value="17">Press Releases</option>
		<option value="89">Research news</option>
		<option value="64">Sector Specific</option>
		<option value="62">Strategy, Innovation and Governance</option>
		<option value="1">Uncategorized</option>
	</select>

</form>

<hr>

<div class="cw-70">
	<h1>SEARCH RESULTS</h1>
	<div class="searching-item">
		<a href="http://realbusinessanalytics.com/f_r_colade_team/%e2%80%8bogechi-adeola/">
		<h3>​Ogechi Adeola</h3>
		</a>
	</div>
	<div class="searching-item">
		<a href="http://realbusinessanalytics.com/f_r_colade_team/%e2%80%8bdavid-west-olayinka/">
		<h3>Olayinka David-West</h3>
		</a>
	</div>
	<div class="searching-item">
		<a href="http://realbusinessanalytics.com/f_r_colade_team/udoji-uchora/">
		<h3>Uchora Udoji</h3>
		</a>
	</div>
	<div class="searching-item">
		<a href="http://realbusinessanalytics.com/f_r_colade_team/akin-o%e2%80%8b%e2%80%8bparison/">
		<h3>Akin O​​parison</h3>
		</a>
	</div>
	<div class="searching-item">
		<a href="http://realbusinessanalytics.com/f_r_colade_team/emenalo-chukwunonye%e2%80%8b/">
		<h3>Chukwunonye Emenalo</h3>
		</a>
	</div>
	<div class="searching-item">
		<a href="http://realbusinessanalytics.com/f_r_colade_team/omoregie-kayode/">
		<h3>Kayode Omoregie</h3>
		</a>
	</div>
	<div class="searching-item">
		<a href="http://realbusinessanalytics.com/f_r_colade_team/okonedo-enase/">
		<h3>Enase Okonedo</h3>
		</a>
	</div>
	<div class="searching-item">
		<a href="http://realbusinessanalytics.com/f_r_colade_team/onwuegbuzie-henrietta/">
		<h3>Henrietta Onwuegbuzie</h3>
		</a>
	</div>
	<div class="searching-item">
		<a href="http://realbusinessanalytics.com/f_r_colade_team/ogunyemi-kemi/">
		<h3>Kemi Ogunyemi</h3>
		</a>
	</div>
	<div class="searching-item">
		<a href="http://realbusinessanalytics.com/f_r_colade_team/owolabi-akintola/">
		<h3>Akintola Owolabi</h3>
		</a>
	</div>
</div>

</div>

</body>
</html>

1
ответ дан 15 August 2018 в 17:02
  • 1
    Он не фильтрует, не нажимая, пожалуйста, проверьте – Nimesh 13 August 2018 в 18:59
  • 2
    Я нашел что-то, что поможет вам исправить это, когда я нажму на раскрывающийся список, добавит дополнительный параметр, который нам не нужен. Пожалуйста, проверьте эту ссылку prnt.sc/ki4jn6 – Nimesh 13 August 2018 в 19:26
  • 3
    @Nimesh я обновил свой ответ, пожалуйста, проверьте. – chebaby 15 August 2018 в 12:52
  • 4
    Я пробовал с помощью js, которые вы дали, пожалуйста, проверьте результат здесь realbusinessanalytics.com/?s=global , нажав на раскрывающийся список, ничего не происходит, результаты поиска остаются теми же – Nimesh 15 August 2018 в 13:05
  • 5
    @Nimesh, проверьте мои новые обновления – chebaby 15 August 2018 в 15:45

Попробуйте использовать вызов ajax для заполнения данных в результатах поиска, как показано ниже, в событии изменения «searchselect» с правильными условиями: $ .ajax ({type: "POST", url: "http://realbusinessanalytics.com" + "? s = "+ global +" & amp; c = "+ section, success: function (data) {"Write you custom code here"}});

Добавить «данные» к любому элементу, который вы хотите заполнить Это не загрузит страницу и не получит данные.

1
ответ дан 15 August 2018 в 17:02
  • 1
    jsfiddle.net/xpvt214o/605309 Просьба внести изменения в соответствии с вашими требованиями; это только для демонстрационной цели. Для вопроса выше добавьте данные ajax в «cw-70». класс. – Dhiren 14 August 2018 в 07:41
  • 2
    извините, но что не работает, ajax-вызов или логика для добавления данных или моей ссылки? – Dhiren 14 August 2018 в 11:50
  • 3
    пожалуйста, проверьте ниже ответ: он близко, но немного ошибки – Nimesh 14 August 2018 в 11:56

Другие вопросы по тегам:

Похожие вопросы: