我的谷歌浏览器不能附加字符串，但firefox可以附加我的字符​​串

Question

我写了这个jquery代码来附加我自己的标记，但是在谷歌浏览器上，这个标记没有附加，而是添加到Firefox上。是什么原因？

我的jQuery代码

<script>
    function addCategory(categoryName, tag) {
        var optionTag = $(tag);
        var iTag = '<i class="category-pick">' + categoryName + '<img src="public/img/cancel.png"></i>';
        var divRow = optionTag.parents('.row2');
        divRow.append(iTag);
    }
</script>

HTML代码

<div class="row2">
                                    <span>موضوع مطلب:</span>
                                    <select name="category" autocomplete="off">
                                        <option>انتخاب کنید</option>

                                            <option onclick="addCategory('title 1',this)" value="value 1">
                                                title 1
                                            </option>
                                            <option onclick="addCategory('title 2',this)" value="value 2">
                                                title 2
                                            </option>

                                    </select>
                                </div>

Answer 1

＆＃13;

＆＃13;

$('#category').on('change', function() {
    var optionTag = $(this);
    var selectedText = optionTag.find("option:selected").text();
    
    if(selectedText=='انتخاب کنید') return;
    
    var iTag = '<i class="category-pick">' + selectedText + '<img src="public/img/cancel.png"></i>';
    
    var divRow = optionTag.parents('.row2');
        divRow.append(iTag);

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<div class="row2">
   <span>موضوع مطلب:</span>
   <select name="category" id="category" autocomplete="off">
      <option>انتخاب کنید</option>
      <option  value="value 1">
         title 1
      </option>
      <option  value="value 2">
         title 2
      </option>
   </select>
</div>

＆＃13;

＆＃13;

＆＃13;