Javascript 语法突出显示js 我用什么做什么

我有荧光笔（）

我试着做的 但有一个问题：当用户从

select

中选择画笔时，我想更改画笔动态：

<div class="nameselect">
    <select name="language">
       <option value=" ">Text</option>
       <option value="cpp">C++</option>
       <option value="csharp">C#</option>
       <option value="css">CSS</option>
       <option value="java">Java</option>
       <option value="js">JScript</option>
       <option value="php">PHP</option>
       <option value="py">Python</option>
       <option value="ruby">Ruby</option>
       <option value="sql">Sql</option>
       <option value="xml">HTML/XML</option>
   </select>
</div>

但它不起作用

我怎么想 实际上，我发现这个库完全改变了我的

标记。

    <div>
     <div id="highlighter_860958" class="syntaxhighlighter  xml">
       <div class="toolbar">
         <span>
           <a href="#" class="toolbar_item command_help help">?</a>
         </span>
     </div>
  <table border="0" cellpadding="0" cellspacing="0">
     <tbody>
        <tr>
          <td class="gutter">
            <div class="line number1 index0 alt2">1</div>
          </td>
          <td class="code">
            <div class="container">
              <div class="line number1 index0 alt2">
                <code class="xml plain">&lt;</code>
                <code class="xml keyword">body</code>
                <code class="xml plain">&gt;HTML's here &lt;/</code>
                <code class="xml keyword">body</code>
                <code class="xml plain">&gt;</code>
              </div>
            </div>
        </td>
      </tr>
     </tbody>
     </table>
   </div>
  </div>

有什么建议吗

更改了

的值

HTML的如下所示：


1.

正文
HTML就在这里/

正文

---

更改选项后，

标记是什么样子的？它变了吗？现在有多节课吗？这门课改了吗？听起来您可能需要在添加新类之前删除上一个类

它不起作用

不是正确的问题描述。提供一个更好的解释和一个复制problem@charlietfl我想在用户从“选择”菜单中选择笔刷时更改笔刷动态。它不起作用意味着它根本不会改变任何东西。@SterlingArcher我已经更新了我的答案，添加了“差，但起作用”example@SterlingArcher对于从

select

<div class="nameselect">
    <select name="language">
       <option value=" ">Text</option>
       <option value="cpp">C++</option>
       <option value="csharp">C#</option>
       <option value="css">CSS</option>
       <option value="java">Java</option>
       <option value="js">JScript</option>
       <option value="php">PHP</option>
       <option value="py">Python</option>
       <option value="ruby">Ruby</option>
       <option value="sql">Sql</option>
       <option value="xml">HTML/XML</option>
   </select>
</div>

$(document).on('change', 'select[name=language]', function () {
        var code = $(this).parent().parent().find("pre");

        code.addClass('brush: ' + $(this).val());
        SyntaxHighlighter.all();
    });

    <div>
     <div id="highlighter_860958" class="syntaxhighlighter  xml">
       <div class="toolbar">
         <span>
           <a href="#" class="toolbar_item command_help help">?</a>
         </span>
     </div>
  <table border="0" cellpadding="0" cellspacing="0">
     <tbody>
        <tr>
          <td class="gutter">
            <div class="line number1 index0 alt2">1</div>
          </td>
          <td class="code">
            <div class="container">
              <div class="line number1 index0 alt2">
                <code class="xml plain">&lt;</code>
                <code class="xml keyword">body</code>
                <code class="xml plain">&gt;HTML's here &lt;/</code>
                <code class="xml keyword">body</code>
                <code class="xml plain">&gt;</code>
              </div>
            </div>
        </td>
      </tr>
     </tbody>
     </table>
   </div>
  </div>