使用jquery更改元素文本值不起作用

时间:2017-01-09 04:33:40

标签: javascript jquery html ruby-on-rails

我有一个从rails生成的表单。我试图在firefox firebug控制台中使用Jquery更改为输入order_bill,但它不起作用。我是jQuery的新手。

<form class="edit_order" id="edit_order_1" action="/orders/1" accept-charset="UTF-8" method="post">
    <input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="_method" value="patch" />
    <input type="hidden" name="authenticity_token" value="1IBaRCZ4S1hYp1" />
    ..
    <div id="bill", class="field">
        <label for="order_应付款项">应付款项</label><br>
        <input type="text" value="4200" name="order[bill]" id="order_bill" />
    </div>
    <div class="actions"> .. </div> 
    <div class="actions">
    </div>
</form>

在firebug JS控制台中,

$('#order_bill').html("asdasdddddddddddddddd");
$('#order_bill').html("asdasdddddddddddddddd");
$('#order_bill').html("asdasdddddxx");
$('#bill').html("asdasdddddxx");

但Html页面上没有任何变化。我错了吗?

2 个答案:

答案 0 :(得分:1)

试试这个:

$('#order_bill').val("asdasdddddddddddddddd");

而不是html();

因为要更改的值存在于tag的value属性中。

答案 1 :(得分:1)

您可能需要确保在html页面中导入jquery库 http://code.jquery.com/jquery-2.2.4.min.js

如果你想获得价值,只需输入 $(&#39;#order_bill&#39)。值

并设置值 $(&#39;#order_bill&#39;)。value =&#34;输入值&#34;

但是如果您想使用jquery

在div中添加文本

$(&#39;#order_bill&#39)的HTML。(&#34;值&#34);