form表单传递下拉框的Value和Text值，不适用Jquery传递

最新推荐文章于 2023-11-21 15:07:02 发布

转载最新推荐文章于 2023-11-21 15:07:02 发布 · 308 阅读

文章标签：

#php #javascript #ViewUI

本文介绍了一种通过JavaScript实现的方法，可以在用户选择下拉菜单项时同时获取该选项的Value值和Text值，并将Text值填充到隐藏的文本框中以便于表单提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

同时获取下拉框的Value和Text值的解决办法：
添加一个<input type="text" >文本框，用户选中一项后就将该项的value值给他

然后接受页面获取该文本框变迁即可获取到相应的Text值

表单填写页面：

  
        <script src=
        "<?=base_url();?>javascript/jquery.js" 
        type=
        "text/javascript"
        ></script>
       
        <script language=
        "JavaScript" 
        type=
        "text/javascript"
        >
       
        $(document).ready(
        function
        (){
       
        $(
        "#ProduceCategory"
        ).change(
        function
        (){
       
        var 
        category=$(
        "#ProduceCategory"
        ).find(
        "option:selected"
        ).val();
       
        $(
        "#category_name"
        ).val(category);
       
        })});
       
        </script>

  
        <select name=
        "ProduceCategory" 
        id=
        "ProduceCategory" 
        style=
        "width:120px"
        >
       
        <option value=
        ""
        >-选择种类-</option>
       
        <?php 
        if
        (
        is_array
        (
        $category
        )) 
        foreach
        (
        $category 
        as 
        $r
        ):?>
       
        <option value=
        "<?php echo $r['category_id'] ?>"
        ><?php 
        echo 
        $r
        [
        'category_name'
        ] ?></option>
       
        <?php 
        endforeach
        ;?>
       
        </select>
       
        <input type=
        "text" 
        name=
        "category_name" 
        id=
        "category_name" 
        style=
        "display: none"
        />
       
        <br/><br/>

上面的是js去传递我们的下拉框的text值，将其传到文本框中，此时我们的form即可传递这个文本框的值。

服务器端接收的代码：

  
        $plant_category 
        = 
        $this
        ->input->post(
        'category_name'
        );
       

 

来自为知笔记(Wiz)