Question

您好我在检索输入字段的文本值时遇到问题。两个输入字段隐藏在表行中，只有在select元素中选择了特定选项时才会出现。由于某种原因，我不确定是否会影响访问输入字段数据。下面的函数显示了如何显示和隐藏表行，具体取决于select选项的值。

我试图以正常的jquery方式和javascript方式获取值：

$('#doc_reference').attr('value'); document.getElementById('doc_reference').value

但也没有运气，任何人都可以帮忙吗？

//toggle doc_reference and y_reference dependent on modelling language chosen
  $("#langId").change(function() {
    var val = $(this).val();
    console.log(val);
    if(val == 1) {
        $('.hideShowTr').hide();
    }
    else if(val == 2) {
        $('.hideShowTr').show();
    }
  });

var docReference =$('#doc_reference').attr('value');
var yReference = $('#y_reference').attr('value');    

<tr class = 'hideShowTr' style='display: none;'>
    <td>
        <span style='display:block; position:relative; padding:0; z-index:0;'>
          <input type='text' name='doc_reference' id='doc_reference' style='position:absolute; width:195px; z-index:151;'></input>
        </span>
    </td>
</tr>

<tr class = 'hideShowTr' style='display: none;'>
    <td>
        <span style='display:block; position:relative; padding:0; z-index:0;'>
          <input type='text' name='y_reference' id='y_reference' style='position:absolute; width: 195px; top:2px; z-index:151;'></input>
        </span>
    </td>
</tr>

Answer 1

►您的元素中没有属性值。

使用这段代码来检索值。

$('#doc_reference').val();

<强>样本

＆＃13;

$("#doc_reference,#y_reference").keyup(function() {
  alert($(this).val())
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<tr class='hideShowTr'>
  <td>
    <span style='display:block; position:relative; padding:0; z-index:0;'>
          <input type='text' name='y_reference' id='y_reference' style='position:absolute; width: 195px; top:2px; z-index:151;'>
        </span>
  </td>
</tr>

＆＃13;

无法使用普通的JQuery / Javascript检索输入字段的值

1 个答案: