主页 / 问题 / 909426
Accepted
Denis640Kb
Asked:2020-11-21 07:18:27 +0000 UTC2020-11-21 07:18:27 +0000 UTC

JS不在表格中显示数据？你怎么能四处走动？

  • 772

大家好。伙计们，请告诉我。有这样的代码：

<script type="text/javascript">
function ChangeSum(){
    var sum = $('#33301').val();
    $('#sum').val(sum);
}
</script>
<table>
<tr>
    <td><input type=text name="sum" size="64" id="sum"></td>
    <td id="dd301"><select id="33301" onchange="ChangeSum()" required 
size = “1”>
            <option value="1">Credit History</option>
            <option value="2">DSR</option>
            <option value="3">Income</option>
            <option value="4">Collateral</option>
            <option value="5">FTV</option>
            <option value="6">Geography</option>
            <option value="7">Age</option>
            <option value="8">LOB/LOS</option>
            <option value="9">Other</option>
            <option value="0">No</option>
        </select></td>
    <td id="f31"><input></td>
</tr>
</table>

在输入中不显示值。但是如果我不插入表格，而只是插入一个字段

<input type=text name="sum" size="64" id="sum">

，那么就没有问题了。

如何将数据插入表中？

javascript

3 个回答

  1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
  function ChangeSum() {
    var sum = $('#33301').val();
    $('#sum').val(sum);
  }
  window.addEventListener("load", ChangeSum);
</script>
<table>
  <tr>
    <td><input type="text" name="sum" id="sum"></td>
    <td id="dd301">
      <select id="33301" onchange="ChangeSum()" required>
        <option value="1">Credit History</option>
        <option value="2">DSR</option>
        <option value="3">Income</option>
        <option value="4">Collateral</option>
        <option value="5">FTV</option>
        <option value="6">Geography</option>
        <option value="7">Age</option>
        <option value="8">LOB/LOS</option>
        <option value="9">Other</option>
        <option value="0">No</option>
      </select>
    </td>
    <td id="f31"><input></td>
  </tr>
</table>

    • 1 
  2. <table>
<tr>
<td><input type="text" name="sum" id="sum"></td>
<td id="dd301">
  <select id="33301" onchange="Script.changeHandler($(this))" required>
    <option value="1">Credit History</option>
    <option value="2">DSR</option>
    <option value="3">Income</option>
    <option value="4">Collateral</option>
    <option value="5">FTV</option>
    <option value="6">Geography</option>
    <option value="7">Age</option>
    <option value="8">LOB/LOS</option>
    <option value="9">Other</option>
    <option value="0">No</option>
  </select>
</td>
<td id="f31"><input></td>
 </tr>
</table>
<script>
Script = {
 changeHandler:function(self){
   $('#sum').html(self.val());
 }  
}
</script>
    • 1
  3. Best Answer

    JS 版本没有额外的脚本块。

    <table>
<tr>
<td id="sum"> </td>
<td id="dd301">
  <select id="33301" onchange="document.querySelector('#sum').innerHTML=this.value" required>
    <option value="1">Credit History</option>
    <option value="2">DSR</option>
    <option value="3">Income</option>
    <option value="4">Collateral</option>
    <option value="5">FTV</option>
    <option value="6">Geography</option>
    <option value="7">Age</option>
    <option value="8">LOB/LOS</option>
    <option value="9">Other</option>
    <option value="0">No</option>
  </select>
</td>
<td id="f31"><input></td>
 </tr>
</table>

    • 1

相关问题