JQuery с CSS-файлом

Question

Привет. Может ли кто-нибудь сказать мне, как лучше преобразовать код jquery ниже, чтобы использовать выпадающий элемент в поле со списком вместо ссылки, показанной здесь. открыть файл css 'business.css' и отобразить в текстовой области Спасибо Rifki

a href="css/business.css" class="link">business style

<script>
$(function(){
   $('.link').click(function(){
     $.get(this.href,null,function(css){
         $('#css').css(css);
         return false;
     });
   });
});
</script>

Answer 1

Если бы это был ваш HTML-код ...

<select id="stylesheetsList">
    <option value="">Please select</option>
    <option value="test.css">test.css</option>
    <option value="anothercssfile.css">anothercssfile.css</option>
</select>
<br />
<textarea id="stylesheetsText">
</textarea>

, вы можете использовать этот jquery с событием в раскрывающемся списке ...

$(document).ready(function() {

    $("#stylesheetsList").change(function() {

        if($(this).val() == "") {
            $("#stylesheetsText").val("");
            return;
        }

        $.get($(this).val(),function(data) {
            $("#stylesheetsText").val(data);
        });

    });

});

Answer 2

Вместо этого:

$('#css').css(css);

Вы бы хотели .text(), например:

$('#css').text(css);

Предполагается, что #css - это элемент <pre>, как и в предыдущем вопросе :) Также параметр данных в $.get() является необязательным, вы можете просто получить это:

$.get(this.href, function(css) {

И ваш return false (или event.preventDefault()) должен быть непосредственно в обработчике click, так что все вместе, как это:

$(function(){
  $('.link').click(function(){
    $.get(this.href, function(css){
      $('#css').text(css);
    });
    return false;
  });
});