javascript - tiene - obtener texto de un span jquery

Cómo establecer el valor del texto de entrada usando jQuery

Question

Tengo un texto de entrada que es este:

<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 este texto de entrada usando jquery, así que hice esto:

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

sin embargo, no está funcionando ... ¿cuál es el error en mi sintaxis?

Answer 1

Aquí hay otra variación para una carga de archivo que tiene un botón de arranque más atractivo que el botón de búsqueda de carga de archivo predeterminado. Este es el html:

<div class="form-group">
        @Html.LabelFor(model => model.FileName, htmlAttributes: new { @class = "col-md-2  control-label" })
        <div class="col-md-1 btn btn-sn btn-primary" id="browseButton" onclick="$(this).parent().find(''input[type=file]'').click();">browse</div>
        <div class="col-md-7">
            <input id="fileSpace" name="uploaded_file"  type="file" style="display: none;">   @*style="display: none;"*@
            @Html.EditorFor(model => model.FileName, new { htmlAttributes = new { @class = "form-control", @id = "modelField"} })
            @Html.ValidationMessageFor(model => model.FileName, "", new { @class = "text-danger" })
        </div>
    </div>

Aquí está el guión:

        $(''#fileSpace'').on("change", function () {
        $("#modelField").val($(''input[name="uploaded_file"]'').val());

Answer 2

Para 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 here .

Answer 3

Su selector está recuperando el cuadro de texto que rodea a <div class=''textBoxEmployeeNumber''> lugar de la entrada que <div class=''textBoxEmployeeNumber''> .

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

Actualizar después de ver HTML de salida

Si el código ASP.NET genera de manera confiable el HTML <input> con un atributo id=''EmployeeId'' , puede simplemente usar:

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

Si falla esto, deberá verificar en la consola de errores de su navegador que no tiene otros errores de script que causen que esto falle. El primer ejemplo anterior funciona correctamente en esta demostración.

Answer 4

Usando jQuery, podemos usar el siguiente código:

Seleccione por nombre de entrada:

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

Seleccione por clase de entrada:

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

Seleccionar por ID de entrada:

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

Answer 5

esto es para las clases

$(''.nameofdiv'').val(''we are developers'');

para ids

$(''#nameofdiv'').val(''we are developers'');

Ahora si tienes un iput en una forma que puedas usar

$("#form li.name input.name_val").val(''we are awsome developers'');

Answer 6

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

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

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