javascript - php、mysql 和 javascript

标签 javascript php html mysql

我想做动态选择选项,比如当选择数据库中第一列的下拉选项时,我想在输入字段中显示来自 mysql 数据库的第二列的数据。

<select name="name" class="form-control" autoFocus="" id="clients" onchange="myFunction()">
    <option value="">Select Client</option>
    <?php 
        $query = mysql_query("SELECT * FROM clients");
        while($selectclients = mysql_fetch_array($query)){  
   ?>
    <option id="<?php echo $selectclients['client_id']; ?>" value="<?php echo $selectclients['data1'] ?>" onchange="show(this.value);"></option>
   <?php } ?>   
</select>

<span name="data2" type="text" id="data2"></span>
<script>
function myFunction() {
    var x = document.getElementById("clients").value;
    document.getElementById("list_currency").innerHTML = "<input name='currency' type=text id='currency' size='12' value="+ x +">";
}
</script>

在脚本中,我使用了 m 能够获取数据并显示在下拉选项中,当选择(数据库中的第一列)时,无论我在选择选项中选择什么 m 都能够显示在输入字段中,但我无法显示来自数据库第二列

我恳请帮助我解决这个问题

最佳答案

<?php 
    $query = mysql_query( 'select * from `clients`;' );

    echo "
    <select name='name' class='form-control' autoFocus='' id='clients' onchange='myFunction()'>
        <optgroup label='Select Client'>";
        while( $rs = mysql_fetch_array( $query ) ){  
            echo "<option id='{$rs['client_id']}' value='{$rs['data1']}'>{$rs['data1']}</option>";
        }
    echo "  
        </optgroup>
    </select>";
?>


/* span elements do not have a 'type' attribute */
<span name='data2' id='data2'></span>
/* Your original code did not show the receiving html element, list_currency */
<span name='list_currency' id='list_currency'></span>


<script type='text/javascript'>
    function myFunction() {
        var oSelect = document.getElementById('clients');
        var oCur=document.getElementById('list_currency');
        var value=oSelect.options[ oSelect.options.selectedIndex ].value;

        oCur.innerHTML = "<input name='currency' type='text' id='currency' size='12' value=" + value + ">";
    }
</script>

我不是 100% 确定我理解了这个问题,因为提到了第二列的数据,但代码中没有引用它。也就是说,基于原始内容,当您从下拉菜单中选择一个选项时,容器元素 list_currency 将填充带有选择菜单值的输入字段。如果这不是您的意思,请进一步解释 - 特别是 second column 是什么......

关于javascript - php、mysql 和 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32733666/

相关文章:

javascript - 重组超出最大更新深度

php - Azure web.config 限制 IP 地址页面刷新异常

html - 绝对定位元素的百分比宽度

javascript - 如何在 AngularJS 的 ng-options 中设置 value 属性?

javascript - Promise 对象的困惑

php - PayPal 快速结帐 SOAP - 版本错误

html - 叠加fontawesome图标输入IE

javascript - 使用 Array.push() 函数从 Ajax 数据形成 JSON 时出现问题。形成的 JSON 无法使用 jQuery 填充 tbody

javascript - 如何使用vanilla js使页面在点击导航链接时滚动到某个位置,应该也很流畅

php - xmlhttp.open() 用于外部 php 文件