1. 程式人生 > >可選擇也可以輸入的下拉列表框

可選擇也可以輸入的下拉列表框

<html>
<head>
<title>TW之執行程式碼外掛--Ayin增強版</title>
<style type="text/css">
div,span,p,td,font
{font-size:9pt;}
</style>
</head>
<body>

<span style="absolute;margin-top:-12px;">
<table cellspacing="0" cellpadding="0" width="100%" border="0"><tr><
td align="left">

<span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:188px;height:19px;clip:rect(-1px 190px 190px 170px);">
<select name="aabb" id="aabb" style="width:190px;height:20px;margin:-2px;" onChange="javascript:document.getElementById('ccdd').value=document.getElementById('aabb').options[document.getElementById('aabb').selectedIndex].value;"
>
<option value="" style="color:#c2c2c2;">---請選擇---</option>
<option value="閒人書庫">閒人書庫</option>
<option value="閒人BLOG">閒人BLOG</option>
<option value="<a href="http://www.ayinsky.com" target="_blank">閒人設計</a>"><href="http://www.ayinsky.com" target="_blank"
>閒人設計</a></option>
<option value="閒人軟體">閒人軟體</option>
</select>
</span>
<span style="position:absolute;border-top:1pt solid #c1c1c1;border-left:1pt solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:170px;height:19px;">
<input type="text" name="ccdd" id="ccdd" value="可選擇也可輸入的下拉框" style="width:170px;height:15px;border:0pt;">
</span>

</td></tr></table>
</span>

</body>
</html>

相關推薦

.net WinForm使用者控制元件開發--(3)多選的列表

      這一節給大家演示一個具有多選功能的下拉列表框,其實就是一個文字框和checkboxlist組合實現的使用者控制元件,換個角度來實現自定義控制元件。 先來看下效果圖吧,我會分幾個步驟來具體講解這個文字框的實現。                           

選擇可以輸入列表

<html><head><title>TW之執行程式碼外掛--Ayin增強版</title><style type="text/css">...div,span,p,td,font{...}{font-size:9pt;}</style>

選擇輸入列表示例

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>可選擇和輸入的下拉列表框</title&

js:輸入選擇的select,及時匹配包含輸入的內容(相容ie)

1、原理: 1.1將input輸入框和select框合併在一起,但是顯示出向下點選的按鈕: 這種比較容易做到 1.2出現輸入值能夠自動匹配的功能 動態的載入一個臨時的div出現在該input下方,當點選頁面中的空白地方,div隱藏。 1.3程式碼: <!docty

列表【安卓3】

pan activity border cin left 資源 pro 內容 1.0 Spinner(下拉列表框) 方法 描述 CharSequence getPrompt () 取得提示文字 void setPrompt(CharSeque

javascript 向列表select添加選項option

下拉 select cnblogs ntb rip cti 下拉列表框 nbsp span 1 var select= document.getElementById("selectid"); 2 var objOption = document.createElemen

省市區、民族列表

文字 tro -c 提示信息 ons ati doc nbsp 級聯 省市縣插件PCASClass.js的基本使用方法 <select id="Province" name="Province"></select> <select id="C

jq自定義多選列表

多選 img 插件 國家 http 分享 class 下拉 blog 多選選擇國家插件 https://gitee.com/richard1015/dropDownList jq自定義多選下拉列表框

Html頁面中select列表別樣用法,一個方法一勞永逸。

select 異步加載很多時候,我們寫from表單面,給select標簽賦值,都采用這種方式:1.MVC中設創建公共的分部視圖;2.直接在前臺面中,插入片段後臺代碼;今天我利用HTML5中的自定義屬性,結合JQ擴展方法,寫一個通用的JS方法,JS代碼如下: $.fn.SetSelect = funct

ExtJS4列表寬度自適應

/** * 獲取下拉列表框定義 */ getBoxTextEditor: function (box_text_store) { //定義了下拉列表框 var editor = new Ext

jqGrid-----顯示列表

1.jqGrid單元格必須是可編輯狀態。cellEdit : true $('#gridYosan').jqGrid({ data : dataList, datatype : "local", multiboxonly : true, cellEdit : true,

列表聯動事件 DropList

1.新增onchange事件。 $("#gyomuKbn").on("change", function(){ var currVal = this.value; gyomuKbnChange(currVal); }); 2.觸發被聯動DropList的change事件 fun

jqGrid----列表聯動,dataEvents回撥函式。

1.給單元格添onchange事件 例項: $('#gridYosan').setColProp('yosanka', {editoptions: { dataEvents:[{ type: 'change', fn: fun

搜尋多選列表外掛

可搜尋多選下拉列表外掛 參考:http://blog.csdn.net/xb12369/article/details/50999265 <html> <head> <title>jQuery bootstrap-sele

小程式列表選單

小程式下拉列表框選單 <view class='top'> <view class='top-text'> 選擇班別</view> <!-- 下拉框 --> <view class='top-selected' bin

js解決列表互斥選項的問題

png hand 問題 列表框 下拉 inf 判斷 要去 發生 如圖不區分選項與其他選項是互斥的關系,當選擇了不區分時,其他選項就要去除,當有其他選項存在時,就不能有不區分 解決辦法:定義change事件,若列表發生改變,首先判斷點擊的是否是不區分,若是,則將其他選項剪切

java-Swing學習(單擊按鈕新增列表元素)

package test; import java.awt.*; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.awt.event.FocusEvent; impor

wxpython自定義列表

自定義wxpython下拉列表框,支援修改邊框顏色,按鈕圖示的動態變換 原理同前兩片文章一樣,使用了兩個wx.staticText做邊框,一個文字框來顯示下拉列表的資料,和一個圖片按鈕,實現下拉的標誌,和一個自帶的列表框, 影藏該列表框,不要原來的樣式,這裡只需要使用它的展示列表的資料功能  

省市聯動——季度-月份列表——省市聯動類庫版

引入的jQuery類庫: city.min.js; jquery.cityselect.js; jquery-1.6.1.js原始碼: <html> <head> <me

省市聯動——季度-月份列表——jQuery版

引入jQuery類庫: jquery-1.6.1.js; 原始碼: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <