jquery 下拉框值对应的id,赋到前面input中

html代码:

<tr>
                <td>
                    <p class="short-input ue-clear">
                        <label>安监员ID:</label>
                        <input type="text" id="saferid" name="saferid" readonly/>
                    </p>
                </td>
                <td>
                    <p class="short-input ue-clear">
                        <label>安监员姓名:</label>
                        <select class="l-select" name="safername" id="safername">
                            <?php echo Ousuclass::all_html_option($saferofferlist,‘id‘, ‘fullname‘) ?>
                        </select>
                        <span><em>*</em></span> //*号标记
                    </p>
                </td>
           </tr>

jquery代码

$("select[name=safername]").change(function(){
            $("input[name=saferid]").val($("select[name=safername]").val());
        })

后台php代码

<?php

public function getSafetyOfficerList()
    {
        $sql = "select * from sysusers where accounttype = ‘安监员‘ and isenable = ‘Y‘";
        $query = $this->db->query($sql);
        return $query->result_array();
    }

$data[‘saferofferlist‘] =$this->getSafetyOfficerlist()

?>

时间: 2024-08-01 23:20:59

jquery 下拉框值对应的id,赋到前面input中的相关文章

jquery 获取下拉框值与select text

下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码. 下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码. jquery获取select选择的文本与值 获取select : 获取select 选中的 text : $("#ddlregtype").find("option:selected").tex

jquery获得下拉框值的代码

jquery获得下拉框值的代码 获取Select : 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get(0).selectedIndex; 设置select: 设置select 选

JQuery 下拉框左右移动

JQuery下拉框左右移动 触发点击按钮时间 然后通过$("#one option:selected")获取目标的下拉框所选中的值  然后把选中的添加到你所要的下拉框中 同时要把原来下拉框的值删除  代码可以一句搞定 $("#one option:selected").appendTo("#two") 要注意的是: append()与appendTo()方法的区别. append(content|fn)向每个匹配的元素内部追加内容. append

jquery 下拉框 收藏

jquery 下拉框 Query获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3. var checkValue=$

jQuery下拉框操作系列$(&quot;option:selected&quot;,this) &amp;&amp;(锋利的jQuery)

jQuery下拉框操作系列$("option:selected",this)  &&(锋利的jQuery) <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

jQuery下拉框

来源:https://www.cnblogs.com/songhaipeng/archive/2012/11/25/2787214.html 本文转载而来 jQuery对下拉框Select操作总结 转自网络,留做备用 jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#

jquery下拉框插件心得

想记录下自己在开发这个下拉框插件之后的心得,发现写一篇博客,真是"知之非艰,行之惟艰".所以再有看到好的文章,就不会再吝啬自己的"赞"了. 多次想该如何写比较好呢?最终决定,将以后我可能用得到的东西一条条记录下来,一条条来写,这样比较清晰. 1.写jquery插件需要的一个结构 // 定义jQuery私有作用域 (function ($) { // 插件默认属性 var defaults = { name1: "value1", name2: &

vue获取下拉框值

vue获取下拉框的值,用vue-modle,只有点击下拉框的值才会赋值到下拉框中,初始时下拉框没有数据,而改用$event就不会出现这样的问题,下面看代码以及图解: v-model解决方式: <!-- 下拉框 --> <div v-show="moreStore" class="select"> <select class="choice" v-on:change="indexSelect" v-

自制Jquery下拉框插件

(function ($) { $.fn.select3 = function (option) { var _this = $(this); var isInit = _this.prev('div').hasClass('select3-parent'); if(isInit) return false; var _default = { className: 'select3-parent', //下拉框样式可自定义 width: '300px' }; //默认会根据元素设置的宽度给设置宽