【问题标题】:Trying to get html element value to a variable with Jquery尝试使用 Jquery 将 html 元素值获取到变量
【发布时间】:2017-08-29 04:48:57
【问题描述】:

我有一个确认模式,它将删除一个用户(从 XML 文件中),它在确认模式中显示用户名,但是当我试图将该值传递给一个变量以通过 AJAX 将其传递给 php 时,我无法获取 html 元素(span)的值,所以我无法将其传递给 php……当我提醒它时,它是明确的。

这是对话框 HTML

<div id="myDialog">
        <h3>¿Está seguro de eliminar al usuario <b><span id="nombre_usuario_borrar"></span></b> ?</h3>
    </div>

这是 Dialog.js

$(function() {
     $("#myDialog").dialog({
         autoOpen: false,
         modal: true,
         title: "Eliminar",
         buttons: {
             'Eliminar': function() {
              var usuario_borrar = $('#nombre_usuario_borrar').val(); 
              alert(usuario_borrar);// It alerts nothing
                     $.ajax({
                         type: "POST",
                         url: 'eliminar2.php',
                         data: {
                             "usuario_borrar": usuario_borrar
                         }, 

                         error: function(result) {
                             alert("Error!!!");
                         }
                     });
                     $(this).dialog('close');
             },
             'Cancelar': function() {
                 $(this).dialog('close');
             }
         }
     });
 });
 function Editar(nombre_archivo) {
    alert(nombre_archivo);
}
function Eliminar(nombre_archivo) { // this works.
  $("#nombre_usuario_borrar").html(nombre_archivo);
    $("#myDialog").dialog("open");
}
function asignarUsuarioBorrar(nombre_archivo){

       var obj = $("#usuario_borrar");
       obj.attr("value",nombre_archivo);
    }

如您所见,它正确显示了“Benigno”(跨度)值,但是当我单击“Eliminar”时,它什么也不提醒。

【问题讨论】:

    标签: javascript jquery jquery-ui-dialog


    【解决方案1】:
    $('#nombre_usuario_borrar').val()
    

    这仅适用于带有“值”选项的 HTML 元素。 &lt;span&gt; 标签没有这个选项。

    试试这个来获取&lt;span&gt;中的文本:

    $('#nombre_usuario_borrar').text()
    

    【讨论】:

      猜你喜欢
      • 2018-12-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多