自动获取图片地址到文本框或下拉框中

fckeditor\editor\dialog\fck_image\fck_image.js 修改函数

function SetUrl( url, width, height, alt )
{
if ( sActualBrowser == 'Link' )
{
GetE('txtLnkUrl').value = url ;
UpdatePreview() ;
}
else
{
GetE('txtUrl').value = url ;
GetE('txtWidth').value = width ? width : '' ;
GetE('txtHeight').value = height ? height : '' ;

if ( alt )
GetE('txtAlt').value = alt;

UpdatePreview() ;
UpdateOriginal( true ) ;

FCKConfig.setUploadImg(url);//修改---
}

window.parent.SetSelectedTab( 'Info' ) ;
}

在 fckeditor\fckconfig.js 最后加上函数

FCKConfig.setUploadImg = function(_res){
if(!_res) return;
objDrop=parent.document.getElementById("PicSelect");
objText=parent.document.getElementById("TextPic");
var nIndex = objDrop.selectedIndex;
if(objDrop.options[0].value=="")objDrop.options[0]=null;
var oLen=objDrop.length;
if(oLen>0)
{
for(var i=0; i<oLen; i++)

{
if(objDrop.options[i].value==_res) return;
}
}
objDrop.options[oLen] = new Option('Image'+[oLen+1], _res);
objDrop.selectedIndex = nIndex;
if(objText.value=="" || objText.value.length==0)objText.value=_res;
}

前台输入

<tr>
<td class="classtd">
图片:</td>
<td class="classtd">
<asp:TextBox ID="TextPic" runat="server" MaxLength="50"></asp:TextBox>
<select id="PicSelect" onchange="document.getElementById('ShowPic').src=options[selectedIndex].value;document.getElementById('TextPic').value=options[selectedIndex].value;">
<option value="">选择已上传图片</option>
</select>
<img id="ShowPic" />
</td>
</tr>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
获取下拉框的值并显示文本框,可以使用以下方法。首先,给下拉框添加一个改变事件,在事件获取下拉框的value值,然后使用eq方法获取对应行的文本值。需要注意的是,eq是从0开始计数,而value值是从1开始计数,所以需要将value值减1。代码如下: ```javascript $("#Select1").change(function () { var ID = $("#Select1").val(); var Text = $("#Select1 option:eq(" + (parseInt(ID) - 1) + ")").text(); $("#Input1").val(Text); }); ``` 这段代码适用于写实的下拉框。如果是使用数据库数据绑定的下拉框,可以使用另一种方法。首先准备一个数据库数据绑定的下拉框和一个文本框,用来显示下拉框的文本值。然后给下拉框添加一个改变事件,在事件获取下拉框的value值,并将该值发送到服务器端。服务器端根据该值查询对应的文本值,并将其返回给页面,最后将返回的文本值显示文本框。代码如下: ```javascript $("#Select2").change(function () { var ID = $("#Select2").val(); $.post("SelectDropDownID", { ID: ID }, function (S) { $("#Input2").val(S.DropDownName); }); }); ``` 这样,文本框就可以获取下拉框的值并显示出来了。 #### 引用[.reference_title] - *1* *2* *3* [获取下拉框的文本值](https://blog.csdn.net/weixin_44569835/article/details/89082325)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值