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

【问题标题】：How to put a degree symbol in an html input field through javascript如何通过javascript在html输入字段中放置度数符号
【发布时间】：2015-10-18 14:37:21
【问题描述】：

我有一个文本框

HTML

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

效果很好，因为它完美地显示了度数符号，但是当我尝试通过 jquery 设置值时，比如

jQuery

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

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

【问题讨论】：

我建议您将单位放在input 之外，否则您会很头疼，以确保单位存在于输入的值中，并且在正确的位置。将其留在外面，并根据需要附加它，然后再将其发送到服务器。
@RoryMcCrossan - 这应该是一个答案
我已经想到了，但我需要在单个文本框中显示纬度详细信息（度、分、秒），并且要求在此处添加度数符号。
@BiJ 如果是这种情况，我会考虑输入屏蔽

标签： javascript jquery html ascii

【解决方案1】：

你可以定位value属性：

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

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

【讨论】：

【解决方案2】：

您可以使用 HEXCode，例如

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

也可以通过这个link

【讨论】：

请注意9不是代码的一部分！ ° 符号只是 '\xB0'
@TheGodfather 我添加了 9 作为示例

【解决方案3】：

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

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

更新了 JSFiddle 以获得更多帮助：http://jsfiddle.net/zkh2of12/1/

【讨论】：

【解决方案4】：

使用除输入框外的特殊标签，用户一目了然：

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

【讨论】：

【解决方案5】：

直接在 JavaScript 中而不是 HTML 代码中设置符号怎么样？

$(function(){
  $("#set").click(function(){
    $("#lat").val("°");
  });
});

<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>

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

【讨论】：

【解决方案6】：

试试这个：

$("#lat").attr("val","9"+ascii(176));

【讨论】：

ascii 未定义。