Question

我将一些值从html传递给javascript方法，我希望将内容传递给html元素。

$('#qtyorder span').each(function(){
         var id =($(this).prop('id'));
         var thenum = id.replace(/^\D+/g, ''); 
         var qty=$("#qty_ordered_"+thenum).html();

          if($("#qty_rec"+thenum).val() == ''){                
                $("#qty_rec"+thenum).val(qty);
                jQuery('#ordDate'+thenum).val($.datepicker.formatDate('d/mm/yy', new Date()));
                $("#ordDate"+thenum).trigger('click');

                 }

我的html表单是这样的，我想使用id

传递值

<form
    class="overlay_form width_control_473 receive_autofil_popup padding_control_bottom_20"
        <input type="hidden" id="qty_rec" value="" /> <input type="hidden"
            id="qty_rec" value="" /> <input type="hidden" id="dateRcvd"
            value="" /> <input type="hidden" id="p_on" value="" /> <label
            class=" label_break_b verd12dgray">Item Code</label>
        <div class="clear_fix"></div>
        <input
            class="input_md_rd radious_all innershadow padding_control width_control_168"
            name="" type="text" id="code">
    </div>

    <div class="pur_field_container float_left">
        <label class=" label_break_b verd12dgray">Quantity Ordered</label>
        <div class="clear_fix"></div>
        <input
            class="input_md radious_all innershadow padding_control width_control_168"
            name="" type="text" id="qty_rec">
    </div>
    <div class="pur_field_container ">
        <label class=" label_break_b verd12dgray">Quantity Received</label>
        <div class="clear_fix"></div>
        <input
            class="input_md radious_all innershadow padding_control width_control_168"
            name="" type="text" id="qty_rec"
            onkeyup="cancelOrderAutofilNotification()">
            <input
            class="input_md radious_all innershadow padding_control width_control_168"
            name="" type="text" id="qty_rec"
            onkeyup="confirmOrderAutofilNotification()">
    </div>
    <div
        class="field_container_b width_control_317 margin_control_top float_left">
         <input
            type="button" value="Cancel"
            class="close button_gray_md1 radious_all verd12dgray float_left margin_control_top_10 "
            name="">
    <input  type="button" value="Confirm"
            class="confirm button_gray_md1 radious_all verd12dgray float_left margin_control_top_10 "
            name="" onclick="confirmOrderAutofilNotification();">

    </div>
</form>

如何将javascript值传递给此表单？

Answer 1

在javascript中，我们有2个方法来设置元素.val（）和.html（）的值。您可以将.val（）用于输入元素，如文本输入或选择输入。 .html（）用于span，div，p，labels之类的元素，在这种情况下你应该使用.html（）。

Answer 2

假设您要使用javascript的输出更新div

Sale.objects.values('singer', 'track').annotate(Sum('cnt'))

使用普通的javascript，您可以像这样填写<div id = "content"></div>

div

由于您已经在使用jQuery，因此可以使用

document.getElementById('content').innerHTML = "Your HTML here";

Answer 3

以下是使用jquery更改html和输入值的Live示例..

使用$('element').val()更改输入值，使用$('element').html()更改html内容...

＆＃13;

$(document).ready(function(){
  $('#change').click(function(){
    $('#myInput').val('XYZ'); /// element.val() for inputs
    $('#myDiv').html('Div content changed'); //// element.html() for changing html content
  })
  
  $('#reset').click(function(){
    $('#myInput').val('ABC');
    $('#myDiv').html('Here is div content');
  })
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id=myDiv>Here is div content</div>

<br>

First Name: <input type="text" id="myInput" name="firstname" value="ABC" />

<br><br>

<button id="change">Change Content</button>
<button id="reset">Reset Content</button>

＆＃13;

Answer 4

在Jquery中使用HTML值：

//tags who uses value attributes
var jqVar = $('#HTML-tag-id').val();
//other HTML tags
var jqVar = $("#HTML-tag-id").html();

在HTML中设置jquery值：

var jqVar = $('#HTML-tag-id').val();

//putting jqVar value to some other textbox 
$('#HTML-tag-id2').val(jqVar);
//using it in other HTML tag
$('#HTML-tag-id2').html(jqVar);

获取jquery输出到html输出

4 个答案: