Question

我希望用户输入文本，这将取代网页上的书面文字。只是觉得我在html中有一个名字，我已经在其中输入了类型的名称并按下（好吧）之后，标签中的名称被用户输入的名称替换，我用标签写的CSS样式。

Answer 1

//make sure the DOM is finished loading then execute our script
//by putting it in a ready function

$(document).ready(function() {
  $('.ok').click(function(e) {
    $('#result').addClass('sent'); // add styles to the submitted content
    var nameVal = $('#nameField').val(); // get value in form field

    //set the value of your div to form value
    $('#result').addClass('sent').html(nameVal);
  })

})

.sent {
// add custom styles here
   color:red;

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="text" class="form-control" id="nameField" placeholder="Jane Doe">
  <input class="ok" type="button" value="Ok">
</form>




<div id="result">Value will be here</div>

替换网页上的文字

1 个答案: