带有css文件的jQuery

带有css文件的jQuery,css,jquery,Css,Jquery,大家好,有谁能告诉我最好的方法,我可以将下面的jquery代码转换为使用组合框中的下拉项,而不是此处显示的链接。打开css文件“business.css”并显示在文本区域中 谢谢 里夫基 a href=“css/business.css”class=“link”>商业风格 $(函数(){ $('.link')。单击(函数(){ $.get(this.href,null,函数(css){ $('#css').css(css); 返回false; }); }); }); 而不是这个: $('#css

大家好,有谁能告诉我最好的方法,我可以将下面的jquery代码转换为使用组合框中的下拉项,而不是此处显示的链接。打开css文件“business.css”并显示在文本区域中 谢谢 里夫基

a href=“css/business.css”class=“link”>商业风格
$(函数(){
$('.link')。单击(函数(){
$.get(this.href,null,函数(css){
$('#css').css(css);
返回false;
});
});
});
而不是这个:

$('#css').css(css);
你会想要,像这样:

$('#css').text(css);
<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>
这假设
#css

$.get(this.href, function(css) {
并且您的
返回false
(或)应该直接在
单击处理程序中,因此所有操作如下:

$('#css').text(css);
<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>

如果这是你的html代码

$(document).ready(function() {

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

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

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

    });

});