2. 程式人生 > >去除input標籤/button按鈕原本樣式 並利用js賦值,select 中Option的增加與刪除

去除input標籤/button按鈕原本樣式 並利用js賦值,select 中Option的增加與刪除

阿新 • • 發佈：2019-01-11

-----------input---------

<input   id="show" type="text" style="border-left: 0; border-right: 0;border-top: 0; background-color: #EAF2FF;color: black" disabled="disabled" >

賦值：

document.getElementById('show').value =‘’==151.2==‘’                                   

-----------button---------

<button style="border: none;background:none;font-size:12.5px;font-weight: bold;width: 60px;white-space: nowrap;color: #312724;font-family: sans-serif"  > ss</button>

var   valueStatus="戰士"

var reg = new RegExp('"',"g");  
valueStatus = valueStatus.replace(reg, "");

valueStatus =戰士

document.getElementById("btn1").value="APP下載";                                             

--------

文字框值得修改：$("#show").text(qrCode);

修改圖片路徑：document.getElementById('myImg').src = ‘../uu.png’;

圖片alt提示：* document.getElementById('show').innerHTML = ‘我是圖片’;

 document.getElementById("progress").style.backgroundColor="#FFFF99";更該背景色

獲取Select下拉選中的程式碼值：var bidFlag=$("#bidFlag  option:selected").val();

獲取Select下拉選中的顯示值：var bidFlag=$("#bidFlag  option:selected").text();

動態新增刪除Option

<html>
<head> <title></title> <script language="javascript"> function change(){ var obj=document.getElementById("floor"); if (document.getElementById("qu").value=="1"){ var t=document.createElement("OPTION"); t.text="第五樓"; t.value="5"; obj.add(t); }else if(document.getElementById("qu").value=="2"){ for(var i=0; i<obj.length;i++){ if(obj.options[i].value=="5"){ obj.remove(i); return; } } } } </script> </head> <body> <form id="form1" name="form1" method="post" action="">  <select name="qu" id="qu" onchange="change()">    <option value="請選擇所在區">--請選擇所在區--</option>    <option value="1">南開區</option>    <option value="2">紅橋區</option>       </select>         <select name="floor" id="floor">           <option value="請選擇樓層">--請選擇樓層--</option>           <option value="1">第一樓</option>           <option value="2">第二樓</option>           <option value="3">第三樓</option>           <option value="4">第四樓</option>         </select>     </form> </body> </html>

相關推薦

去除input標籤/button按鈕原本樣式 並利用js賦值,select 中Option的增加與刪除

-----------input--------- <input   id="show" type="text" style="border-left: 0; border-right: 0;

WPF Button按鈕模板樣式修改（二）

本章講述：Button模板樣式修改，不顯示邊框，只顯示圖示，點選按鈕圖示動態旋轉； 主要採用採用圖片做背景和資料觸發器，觸發故事板（Storyboard）事件，實現按鈕中圖片按角度旋轉； <Button Width="30" Height="30"> <Butt

WPF Button按鈕模板樣式修改（一）

本章講述：Button簡單模板樣式的修改，圓角矩形按鈕實現； 主要通過修改控制元件模板以達到效果； XAML前端樣式程式碼：通過Border來控制控制元件的圓角；採用屬性觸發器控制滑鼠操作時，改變前景色和背景色。 <Style x:Key="ExButton" TargetTy

設定input標籤的placeholder的樣式

設定input樣式程式碼： input::-webkit-input-placeholder{ /*WebKit browsers*/ color: red; } input::-moz-input-placeholder{ /*Mozilla Firefox*/ color: red; } i

html移動應用 input 標籤 清除按鈕功能如何實現（不觸發鍵盤）

有個需求是：輸入框有文字的時候就顯示清除按鈕，沒有文字則隱藏清除按鈕，點選清除按鈕不能影響鍵盤彈出的狀態。 網上有css實現自動顯示和隱藏清除按鈕的方案，但是考慮到相容性，我們還是使用js來實現。   css body{     &nbs

iOS開發之Swift標籤欄按鈕UITabBarItem樣式修改（圖示文字尺寸，顏色等）

import UIKit   class MainTabViewController:UITabBarController {     override func viewDidLoad()     {         super.viewDidLoad()         // 一共包含了兩個檢視     

去除input[type=number]的預設樣式

input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-but

安卓第一個程式，點選按鈕把編輯框的內容賦值給標籤

<Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content"

關於ajax請求資料，並將資料賦值給全域性變數的一些解決方法

在使用ajax請求資料是，開始的時候是打算將ajax的資料取出，並賦予給全域性變數，但是在實際編碼過程中發現並不能將資料賦予給最開始定義的全域性變數，出現這個問題的原因是由於ajax非同步載入的原因，所以只能用其他方法來解決，下來是解決的方法 第一個解決方法沒有使用全域性變數，直接在ajax請求中將請求到的

遍歷頁面上所有TextBox控制元件並給它賦值為string.Empty

Using System.Windows.Forms; foreach(Control  control  in  this.Controls) {  //as運算子是把一個型別轉換為另一型別如果不成功返回null    is運算子是

keras讀取訓練好的模型引數並把引數賦值給其它模型

介紹 本博文中的程式碼，實現的是載入訓練好的模型model_halcon_resenet.h5，並把該模型的引數賦值給兩個不同的新的model。 函式式模型 官網上給出的呼叫一個訓練好模型，並輸出任意層的feature。 model = Model(inputs=base_mod

建立javaScript自定義物件，並給屬性賦值

一、直接建立物件例項 方法一： var obj=new Object(); obj.name="bill"; obj.id="123"; 方法二： var obj={name:"bill",id:"

通過ajax方式從後臺查詢出資料並填入前臺的select中

首先需要清空之前下拉框中的內容，否則會出現選項重複的情況，根據url的路徑查詢出select中所要展示的list，判斷list是否為空，如為空，需要置入空行，如不為空，用jquery取到select後將整個list用append的方式置入，程式碼如下，附抽出的ajax提交方

java 利用反射機制,獲取實體所有屬性和方法,並對屬性賦值

Field[] field = model.getClass().getDeclaredFields(); // 獲取實體類的所有屬性，返回Field陣列 try { for (int j = 0; j < field.length; j++)

系統無ifconfig，一條命令獲取本機ip並將其賦值給指定變數來使用

在Linux系統中，準確地獲取本機IP資訊是非常有用的。在寫bash shell指令碼事經常會用到IP，這時就需要我們使用一些辦法獲取本機IP並賦值給變數來使用。最近剛剛完成grep及sed的摸索、研究，本著學以致用的原則，用一條命令獲取本機IP並將其賦值給某個

淺談new物件並給屬性賦值,呼叫方法的記憶體機制

下面來看一段新建物件的簡單程式碼：public class Student {    String name;    int age ;    public void play   (){        System.out.print(name+"在玩耍")}    pub

Spring_用Spring容器建立物件並給屬性賦值

建立spring配置檔案：spring-config.xml。物件的建立和賦值都在這裡進行配置。 建立實體類，設定屬性 import java.util.List; import java.util.Map; public class BookBean { private Lon

Java中讀取配置檔案中的內容，並將其賦值給靜態變數的方法

應用場景 專案開發中某個功能需要抽取成方法寫成一個工具類，提供給別人使用。寫過工具類的人都知道，工具類中的方法一般都是靜態方法，可以直接使用類名點方法名呼叫， 使用很方便，比如判斷某個物件是否為空的方式Objects.equals().由於我寫的這個工具類中需要讀取配置檔案中的內容，但是常規方法注入成員變數時

button、input和a標籤作為按鈕時的區別

我們都知道，button、input、a標籤都可以加上一定的樣式之後成為外觀上沒有太大差別的按鈕，那麼，這三個標籤都適合在什麼場景下作為按鈕使用呢？ <button>提交</but

css 去除button a input標籤的虛線邊框

input,button,a { outline:0 none !important; blr:expression(this.onFocus=this.blur()); } !important