Как изменить таблицу стилей страницы на основе опций из выпадающего меню

Question

Я создаю страницу, которая имеет ссылку с внешней таблицей стилей, теперь я создал несколько таблиц стилей и добавил drop- вниз, теперь как связать эти параметры с внешними таблицами стилей, чтобы после выбора пользователем в раскрывающемся меню таблица стилей этой страницы полностью изменилась на новую таблицу стилей ... Как я могу это сделать?

<div style="float:right;padding:26px 0 0 0;color:#fff;"><select> 
     <option>please select your choice</option> 
<option value="one">green</option> 
<option value="two">red</option> 
</select> 

</div> 

У меня есть раскрывающийся, как указано выше ..

Answer 1

try this :) 

1. give a id to your select box say(giveAId) 
2. then in jquery function pass this id and apply a change function('this will notice the the change made in your select box'). 
3. get it's value from option box 
4. then pass it to the link href like in this example 


<script type="text/javascript"> 
    $(function() { 
     $("#giveAId").change(function(){ //2 step 
      var stylesheet = $(this).val(); // 3 step 
      $('link').attr('href',stylesheet+ '.css'); //4 step done here 
      }); 
    }); 

</script> 


    <div style="float:right;padding:26px 0 0 0;color:#fff;"> 
     <select id="giveAId"> // 1 step 
      <option>please select your choice</option> 
      <option value="one">green</option> 
      <option value="two">red</option> 
     </select> 
    </div> 

Answer 2

Вы можете дать пользователю печенье, который помнит, какой стиль листа они выбрали из меню, и загрузить CSS для страницы, основываясь на том, что печенье. Затем просто сделайте так, чтобы страница обновилась при нажатии, используя AJAX, если хотите.

Answer 3

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

, например

$_SESSION['selected_stylesheet'] = $_POST['stylesheet']; 

, а затем и должны использовать $ _SESSION [ «selected_stylesheet»], когда и вызов файла внешнего CSS

<link type="text/css" href="<? echo $_SESSION['selected_stylesheet'] ?>.css" rel="stylesheet" /> 

я думаю, что будет работать