340 votos

Cómo establecer el valor de entrada de texto utilizando jQuery

Tengo una entrada de texto que es esto:

<div class="editor-label">
    @Html.LabelFor(model => model.EmployeeId, "Employee Number")
</div>

<div class="editor-field textBoxEmployeeNumber">
    @Html.EditorFor(model => model.EmployeeId) 
    @Html.ValidationMessageFor(model => model.EmployeeId)
</div>

Quiero establecer el valor de esta entrada de texto usando jquery así hice esto:

<script type="text/javascript" language="javascript">
    $(function() {
        $('.textBoxEmployeeNumber').val("fgg");
    });
</script> 

Sin embargo, que no funciona... ¿Cuál es el error en la sintaxis de mi?

515voto

Michael Berkowski Puntos 137903

Su selector es de recuperar el texto del cuadro que rodea <div class='textBoxEmployeeNumber'> en lugar de la entrada dentro de ella.

// Access the input inside the div with this selector:
$(function () {
  $('.textBoxEmployeeNumber input').val("fgg");
});

Actualización después de ver la salida HTML

Si la ASP.NET código de forma fiable salidas el código HTML <input> con un atributo id id='EmployeeId', puede simplemente usar:

$(function () {
  $('#EmployeeId').val("fgg");
});

En su defecto, se tendrá que verificar en el navegador de la consola de errores que no tiene otros errores de secuencia de comandos que causan este error. El primer ejemplo anterior funciona correctamente en esta demostración.

60voto

Aditya Bhatt Puntos 3210

para jQuery podemos utilizar más abajo:

por nombre de entrada:

$('input[name="textboxname"]').val('some value');

por clase de entrada:

$('input[type=text].textboxclass').val('some value');

mediante el id de entrada:

$('#textboxid').val('some value');

12voto

ThulasiRam Puntos 3795
$(document).ready(function () {
    $('#EmployeeId').val("fgg");

    //Or
    $('.textBoxEmployeeNumber > input').val("fgg");

    //Or
    $('.textBoxEmployeeNumber').find('input').val("fgg");
});

4voto

Aniket Thakur Puntos 10135

Para el elemento con id

<input id="id_input_text16" type="text" placeholder="Ender Data"></input>

Puede establecer el valor como

$("#id_input_text16").val("testValue");

Documentación aquí.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X