admin管理员组

文章数量:1345891

I am using uniformjs form controls which are working except the listmenu. When i add '&' symbol (&) inthe list menu, it renders correctly, but problem is ing when i change the value to different value and select again the value which has & symbol it renders as & instead '&' symbol in the list menu. 

<select>
<option>Through &amp; Google</option>
<option>Through Twitter</option>
<option>Other&hellip;</option>         
<option>&lt;Hi&gt;</option>
</select>

can someone tell me what is the problem..

I am using uniformjs form controls which are working except the listmenu. When i add '&' symbol (&) inthe list menu, it renders correctly, but problem is ing when i change the value to different value and select again the value which has & symbol it renders as &amp; instead '&' symbol in the list menu. 

<select>
<option>Through &amp; Google</option>
<option>Through Twitter</option>
<option>Other&hellip;</option>         
<option>&lt;Hi&gt;</option>
</select>

http://uniformjs./#example

can someone tell me what is the problem..

  • javascript
  • jquery
  • listview
  • character-encoding
  • uniform
Share Improve this question edited Jan 11, 2012 at 10:17 Reporter 3,9365 gold badges35 silver badges49 bronze badges asked Jan 11, 2012 at 7:31 RaviRavi 4,0957 gold badges32 silver badges35 bronze badges 2
  • Is the ampersand represrnted as an entity in the markup ? <option>One &amp; Two</option> ? – Didier Ghys Commented Jan 11, 2012 at 9:26
  • @Didier G. I did tried both ways <option>One &amp; Two</option> and <option>One & Two</option>, but both the problem still retains.. – Ravi Commented Jan 11, 2012 at 9:27
Add a ment  | 

3 Answers 3

Reset to default 4

According to Didler, why not modify the uniformjs a little bit?

I have met the same scenario recently, and thanks Didler to point out the exact line which saves me heaps of time to locate the place.

In my case, I have a select with value consists of special characters, such as:

<option>aaa</option>
<option><a>bbb<br>ddd<hr>ccc</option>

So that I modify the code in line 185 to:

spanTag.text(elem.find(":selected").text());

which solves the problem that when render the value it is in a correct shape.

In op's scenario, I'm not sure which server side language you are using, but definitely there is a way to escape the text within option before generating the html page so that there is no &amp; in your html but the character itself. I'm using Java so that I can simply use JSTL <c:out value="${******}"/> to put the value in the option tag.

There's a pull request (130) that updates 4 lines of code (lines 173, 185, 212, and 569) so that instead of using .html() they use .text(). The two later pull requests I saw don't seem to update all 4 lines.

If you wish to update the minified version as well, you can search for these two snippets:

  • l.html(n.html() (x1 - change second instance of 'html')
  • :selected").html( (x3 - change only instance of 'html')

I think the problem might e from this line (source - line 185):

spanTag.text(elem.find(":selected").html());

If you have the following html:

<select>
    <option>One &amp; Two</option>
    <option>One & Two</option>
</select>

  1. The plugin gets the content as html doing elem.find(":selected").html()

    Both option element will return this value when getting html: One &amp; Two Special characters are represented by html entities (&amp;for & in our example)

  2. and then plugin applies this result as text using spanTag.text(<html>);

    So html entities do not get parsed (&amp; is displayed as &amp;)

This fiddle illustrates it.

I don't think there is a solution to that except to not use special characters like &...

本文标签： javascriptneed help in jquery unformjs select menu 39amp39 character encodingStack Overflow

版权声明：本文标题：javascript - need help in jquery unformjs select menu &#39;&amp;&#39; character encoding - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743818720a2544399.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。