javascript - javascript下如何使用onchange事件

Question

我有一个动态添加行并将数据提交到mysql的代码。为了实现这一点，我使用下面的 JavaScript 代码

<script  src="jquery.min.js"></script>       
<script type="text/javascript">
$(function() {
        var addDiv = $('#addinput');
        var i = $('#addinput p').size() + 1;

        $('#addNew').live('click', function() {
                $('<p><select id="p_new" name="stockid[]' + i +'" <?php echo $item; ?></select> <select name="desc[]' + i +'" <?php echo $description; ?></select><a href="#" id="remNew">Remove</a> </p>').appendTo(addDiv);
                i++;


                return false;
        });

        $('#remNew').live('click', function() { 
                if( i > 2 ) {
                        $(this).parents('p').remove();
                        i--;
                }
                return false;
        });
});

</script>

它工作正常，但现在我想在选择$item时更新$description。

$item 和 $description 来自同一个表。

我有一个代码，可以在我选择项目时简单地更新描述。这是php代码

<form method="post" action="" name="form1">
<table width="60%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="150">Country</td>
    <td  width="150"><select name="stockid[]' + i +'" onChange="getCity('onchange.php?    
     stockid='+this.value)"><?php echo $item; ?></select></td>


  </tr>
  <tr style="">
    <td>City</td>
    <td ><div id="citydiv"><select name="desc"><option>Select City</option></select></div></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

这是 JavaScript 代码

<script>
function getXMLHTTP() { //function to return the xml http object
        var xmlhttp=false;  
        try{
            xmlhttp=new XMLHttpRequest();
        }
        catch(e)    {       
            try{            
                xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(e){
                try{
                xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
                }
                catch(e1){
                    xmlhttp=false;
                }
            }
        }

        return xmlhttp;
    }



    function getCity(strURL) {      

        var req = getXMLHTTP();

        if (req) {

            req.onreadystatechange = function() {
                if (req.readyState == 4) {
                    // only if "OK"
                    if (req.status == 200) {                        
                        document.getElementById('citydiv').innerHTML=req.responseText;                      
                    } else {
                        alert("There was a problem while using XMLHTTP:\n" + req.statusText);
                    }
                }               
            }           
            req.open("GET", strURL, true);
            req.send(null);
        }

    }
</script>

它工作正常，但是当我使用时

<select name="stockid[]' + i +'" onChange="getCity('onchange.php?    
         stockid='+this.value)"><?php echo $item; ?></select>

上面的代码位于第一个 javascript 文件中

<select id="p_new" name="stockid[]' + i +'" <?php echo $item; ?></select>

它不起作用，请帮助我根据项目选择自动更新描述字段......

Answer 1

你不能在html语句中使用变量，我说的是[i]变量。这个变量有什么用？

<select id="p_new" name="stockid[]' + i +'" <?php echo $item; ?></select>