Wie ändert man den Wert eines Textfelds mit jQuery?

Möchte ich die Werte der Textfelder klickt der Benutzer auf den submit-button mit Jquery. Ich versuchte es mit

$('textbox').val('Changed Value');

und

$('#dsf').val('Changed Value');

aber weder Methode gearbeitet.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>serializeArray demo</title>
  <style>
  body, select {
    font-size: 14px;
  }
  form {
    margin: 5px;
  }
  p {
    color: red;
    margin: 5px;
  }
  b {
    color: blue;
  }
  </style>
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<p><b>Results:</b> <span id="results"></span></p>
<form>
  <select name="single">
    <option>Single</option>
    <option>Single2</option>
  </select>
  <select name="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>
    <option selected="selected">Multiple3</option>
  </select>
  <br>
  <input type="checkbox" name="check" value="check1" id="ch1">
  <label for="ch1">check1</label>
  <input type="checkbox" name="check" value="check2" checked="checked" id="ch2">
  <label for="ch2">check2</label>
  <input type="radio" name="radio" value="radio1" checked="checked" id="r1">
  <label for="r1">radio1</label>
  <input type="radio" name="radio" value="radio2" id="r2">
  <label for="r2">radio2</label>


  <input type="submit"  value="s1" id="ch">

  <input type="submit"  value="szv" id="cd" > 

  <input type="text"   value = "abc"  id = "dsf" > 

  <input type="text"   value = "abc"  id = "dsxzcv"  > 

</form>

<script>
  function showValues() {
    var fields = $( ":input" ).serializeArray();
    $( "#results" ).empty();
    jQuery.each( fields, function( i, field ) {
      $( "#results" ).append( field.value + " " );
    });
  }

  $( ":checkbox, :radio" ).click( showValues );
  $( "select" ).change( showValues );

  $(#ch1).val("adfsadf") ;

  showValues();

  $(‘:submit’).click(function () {

   $(‘:submit’).val() = "dasf" ;

   $('textbox').val('Changed Value');

 //$('#dsf').val('Changed Value');
}
</script>

</body>
</html>

InformationsquelleAutor der Frage user3289032 | 2014-03-08

  1. 19

    könnten Sie verwenden Sie einfach diese sehr einfache Weise

    <script>

$(function(){

$('#cd').click(function(){

$('#dsf').val("any thing here");

});

});

</script>

    InformationsquelleAutor der Antwort Html Tosin

  2. 3

    Document-ready-Funktion fehlt, das ist, warum der code nicht funktioniert.
    Zum Beispiel:

    $(function(){

 $('#button1').click(function(){
   $('#txtbox1').val('Changed Value');
 });

});

    InformationsquelleAutor der Antwort Code3d

  3. 2

    Können Sie Folgendes versuchen:

    Haben Sie vergessen, hinzuzufügen Zitat : $(#ch1).val("adfsadf") ;

    Soll das sein : $('#ch1').val("adfsadf") ;

    InformationsquelleAutor der Antwort Chintan Hingrajiya

  4. 1

    jQuery:

    $(document).ready( function ) {
    $('element').val('Changed Value');
    $('element').html('Changed Value');
    $('element').text('Changed Value');
});

    JavaScript:

    window.onload = function() {
    element.value = 'Changed Value';
    element.innerHTML = 'Changed Value';
    element.textContent = 'Changed Value'; //All browsers except IE. For IE: innerText
};

    InformationsquelleAutor der Antwort Robert Markovski

  5. 1

    Einfach und leicht :

     $('#email').val(YourNewValue);

    InformationsquelleAutor der Antwort Qasim Bataineh

  6. 1
    Use like this on dropdown change
$("#assetgroupSelect").change(function(){
    $("#idValue").val($this.val());
})

    InformationsquelleAutor der Antwort Nithin John

  7. 0

    Weil Sie versuchen, hinzufügen eine click-Ereignis auf ein submit-input, den Sie benötigen, um zu verhindern, dass die normale Strömung, dass dies zu tun, ist senden Sie das Formular.

    Können Sie auch $(document).ready()

    Aber da haben Sie Ihre script-tag am Ende der Seite, die der DOM bereits geladen ist.

    Um zu verhindern, dass der Standardwert, müssen Sie etwas wie dieses:

    $("form").on('submit',function(e){
    e.preventDefault();
    $("#dsf").val("changed value")

})

    Wenn das element nicht ein submit-input wird es sein, so einfach wie 

    $("#cd").click(function(){
    $("#dsf").val("changed value")

})

    Sehen diese Geige

    InformationsquelleAutor der Antwort Eduardo Quintana

  8. 0

    Verwenden Ereignis ready des Dokuments :

    $(document).ready(function(){ /* the click code */ });

    Und es besser ist die Verwendung von bind-Methode für das Ereignis handeling. weil Sie nicht wollen, zu rufen, klicken Sie auf Aktion in jedem laden der Seite 

      $(':submit').bind('click' , function () { /* ... */ });

    InformationsquelleAutor der Antwort farid bekran

  9. 0
    $('#cd').click(function() {
  $(this).val('dasf');  //update the value of submit button
  $('#dsf').val('Changed Value') //update the text input value
});

    textbox ist kein Gültiger Selektor.

    Auch, wenn Sie auf die senden-Schaltfläche wird das Formular senden als Standard-Verhalten. Also vergessen Sie nicht zu stoppen Standard-Formular.

    Besser, wenn Sie dies so tun:

    $('form').on('submit', function() {

  //write all your codes

  return false; //Prevent default form submission
});

    Vergessen Sie nicht, um user-jQuery-DOM-ready $(function() { .. });

    InformationsquelleAutor der Antwort thecodeparadox

  10. 0

    wenn Sie möchten, ändern Sie den text von "input"verwenden: 

         `$("#inputId").val("what you want to put")`

    und wenn Sie wollen, um den text zu ändern in "label","span","div", die Sie verwenden können, 

         `$("#containerId").text("what you want to put")`

    InformationsquelleAutor der Antwort yzc

  11. 0

    Versuchen, diese jsfiddle:

    $(function() {
  $('#cd').click(function () {
    $('#dsf').val('Changed Value');
  });
});

    InformationsquelleAutor der Antwort Sajad Karuthedath

  12. 0

    einfach wie diese Hoffnung wird Ihnen helfen,

    $(document).ready(function(){   

  $("#cd").click(function () {   

    $('#dsxzcv').val("Changed_Value");   

})
})

    hier sehen Sie die demo

    http://jsbin.com/dolebana/1

    InformationsquelleAutor der Antwort Smart Killer

  13. 0
    <style>
    .form-cus {
        width: 200px;
        margin: auto;
        position: relative;
    }
        .form-cus .putval, .form-cus .getval {
            width: 100%;
        }
        .form-cus .putval {
            position: absolute;
            left: 0px;
            top: 0;
            color: transparent !important;
            box-shadow: 0 0 0 0 !important;
            background-color: transparent !important;
            border: 0px;
            outline: 0 none;
        }
            .form-cus .putval::selection {
                color: transparent;
                background: lightblue;
            }
</style>

<link href="css/bootstrap.min.css" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<div class="form-group form-cus">
    <input class="putval form-control" type="text" id="input" maxlength="16" oninput="xText();">
    <input class="getval form-control" type="text" id="output" maxlength="16">
</div>

<script type="text/javascript">
    function xText() {
        var x = $("#input").val();
        var x_length = x.length;
        var a = '';
        for (var i = 0; i < x_length; i++) {
            a += "x";
        }
        $("#output").val(a);
     }
    $("#input").click(function(){
     $("#output").trigger("click");
    })

</script>

    InformationsquelleAutor der Antwort viom jeet

Schreibe einen Kommentar