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




tiene html (6)

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 .

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?


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');

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')

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.


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());

Sinceramente, yo sugeriría que no. Yo usaría un <button></button> estilizado para ese comportamiento.

button.link {
  display: inline-block;
  position: relative;
  background-color: transparent;
  cursor: pointer;
  border: 0;
  padding: 0;
  color: #00f;
  text-decoration: underline;
  font: inherit;
}
<p>A button that looks like a <button type="button" class="link">link</button>.</p>

De esta manera puedes asignar tu onclick. También sugiero el enlace mediante script, no usar el atributo onclick en la etiqueta del elemento. El único gotcha es el efecto de texto psuedo 3d en IEs anteriores que no se pueden desactivar.

Si DEBE usar un elemento A, use javascript:void(0); Por razones ya mencionadas.

  • Siempre interceptará en caso de que su evento onclick falle.
  • No se realizarán llamadas de carga errantes o se activarán otros eventos en función de un cambio de hash
  • La etiqueta de hash puede causar un comportamiento inesperado si el clic falla (lanzar con un clic), evítelo a menos que sea un comportamiento de caída adecuado y desee cambiar el historial de navegación.

NOTA: Puede reemplazar el 0 con una cadena como javascript:void('Delete record 123') que puede servir como un indicador adicional que mostrará lo que realmente hará el clic.





javascript jquery html asp.net-mvc-3