Question

由于我无法解释之前发布的问题，这是另一个尝试。我想要的是拥有所选的当前选项的值，以便我可以在输入字段的值内回显该值。

的JavaScript

function id() {
    var sel = document.getElementById("cate");
    // to get the value of the selected option
    var selectedid = sel.options[sel.selectedIndex].value;
    return selectedid;
}

PHP

<form action="" method="POST">
    <select name="cate">
    <?php 
        $que1 = "SELECT * FROM category";
        $res1 = mysql_query($que1);
        while($row = mysql_fetch_array($res1)) {    
            $cat_id_db = $row['cat_id'];                 
            $cat_db = $row['cat_name'];                  
    ?>

        <option value="<?php echo $cat_id_db; ?>" >
            <?php echo $cat_db;?>
        </option>

    <? } ?>
    </select>

    <p><label class="field">Category ID:</label></p>

    //HERE!
    <input type="text" name="cat_id"  value="<?php echo $cat_id_db; ?>" class="textbox-300" pattern="[a-zA-Z0-9\. ]+" title="Please enter your Item Price">
</form>

//HERE!：这是我想要使用当前/所选选项的值而不是编写的php代码的地方。

Answer 1

首先，您必须设置元素的ID。不是“名字”

<select name="cate" id=cate>

其次，为什么必须将所选项重新写入输入元素？在服务器端，您可以使用$ _POST ['cate']

获取元素的值

Answer 2

这不是http进程的工作方式。 Php在服务器上运行，js在浏览器中运行（主要是）。如果您只想设置输入值，请使用javascript：

完成所有操作

<form action = "" method = "POST">

    <select name="cate" onchange="changeInput(this.value);">
        <?php //your php code here ?>
    </select>

    <p><label class = "field">Category ID:</label></p>
    <input type = "text" name = "cat_id" id="cat_id" value = "change select to see me change" class = "textbox-300" pattern = "[a-zA-Z0-9\. ]+"  title = "Please enter your Item Price">
</form>

<script>
    var changeInput = function (val){
        var input = document.getElementById("cat_id");
        input.value = val;
    }
</script>

直播示例：https://jsfiddle.net/nr8c8j8L/

如何在输入字段内使用javascript函数返回的值？

的JavaScript

PHP

2 个答案: