如何通过javascript将度数符号放在html输入字段中

时间:2015-07-28 07:07:20

标签: javascript jquery html5 ascii

我有一个文本框

HTML

<input type="text" id="lat" placeholder="Latitude" ng-lat value="9&#176;"> 

工作正常,因为它完美地显示度数符号,但当我尝试通过jquery设置值时

Jquery的

$("#lat").val("9&#176;")

它显示整个文本而不是度数符号。

6 个答案:

答案 0 :(得分:14)

您可以定位value属性:

$("#lat").attr('value',"101"+String.fromCharCode(176))

最好使用.text()来设置文本,因为.val()用于检索元素的值

答案 1 :(得分:2)

你可以使用HEXCode, e.g

 <a href id="my">Here</a> 
<script>
    $('#my').click(function()
                    {
    alert('9\xB0');
    });
    </script>

同时浏览此link

答案 2 :(得分:1)

$("#test").click(function(){ 
    $("#lat").val("29" + ascii(176))
});

function ascii (a) { return String.fromCharCode(a); }

更新了JSFiddle以获得进一步的帮助:http://jsfiddle.net/zkh2of12/1/

答案 3 :(得分:0)

使用输入字段旁边的特殊标记,用户可以清楚地看到:

MSG msg;
DWORD dwStart = ::GetTickCount():
while (PeekMessage(&msg, hWndDlg, WM_LBUTTONDOWN, WM_LBUTTONDOWN, PM_REMOVE)!=0 ||
       (::GetTickCount() - dwStart) < 100))
      ;

答案 4 :(得分:0)

如何直接在JavaScript中设置符号而不是HTML代码?

&#13;
&#13;
$(function(){
  $("#set").click(function(){
    $("#lat").val("°");
  });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" id="lat" placeholder="Latitude" ng-lat value="9&#176;"> 

<button id="set">set</button>
&#13;
&#13;
&#13;

如果你想改进它们,只需用你喜欢的html代码制作一个隐藏的<span>,然后用JavaScript选择html。这甚至适用于您无法在JS中发布的符号

答案 5 :(得分:0)

试试这个:

^token=(llll)$