jstextboxselect_用JS怎樣獲取文本框的值

① js實現用下拉框控制文本框的顯示與隱藏

給下拉框一個onchange事件，if($("select").val() == 'b'){$("文本框").hide;}

② js中選中select的某項值後，判斷其他文本框是否為必填。。急急急。。在線等。

這段代碼的優點是隨便你定義多少個自定義化必須項目。。。。

先解說下：一般以

===============

if(form.ly_name.value == "")
{
alert("請填寫您的大名！"); // js提示
form.ly_name.focus();
return false;
}

只要改下name名稱多次利用可循環標簽

===============

return true; //結尾

===============

其中ly_name是表單中某個你需要瀏覽者必填的項目name名稱

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>無標題文檔</title>
</head>

<body>
<formaction=""method="post"name="form"onSubmit="returnCheckForm(this);">
<tablewidth="70%"border="0"cellpadding="3"cellspacing="1"bgcolor="#b4c6db">
<tbody>
<tr>
<tdwidth="15%"height="30"class="newly_name">您的大名</td>
<tdcolspan="搜告2"class="ly_title2"><inputname="ly_name"type="text"tabindex="1"onMouseOver="this.className='input_1'"
onMouseOut="this.className='input_2'"/><歲漏嫌fontclass="redstar">*</font><fontclass="zhu">[帶<fontclass="redstar">*</font>部
分為必填項]</font></td>
<tdwidth="16%"rowspan="4"style="background:#fff;"class="ly_title2"align="right">&nbsp;</td>
</tr>

<trheight="30">
<tdclass="newly_sex">您的乎手性別：</td>
<tdcolspan="2"class="ly_title2">
<imgsrc="images/boy.gif"/><inputname="ly_sex"type="radio"value="先生"checked/>先生
<imgsrc="images/girl.gif"/><inputname="ly_sex"type="radio"value="女士/">女士</td>
</tr>

<tr>
<tdclass="newly_qq"height="30">您的QQ：</td>
<tdcolspan="2"class="ly_title2"><inputtype="text"tabindex="2"onMouseOver="this.className='input_1'"
onMouseOut="this.className='input_2'"/><fontclass="redstar">*</font></td>
</tr>


<tr>
<tdclass="newly_title">留言標題：</td>
<tdcolspan="2"class="ly_title2"><inputname="ly_title"type="text"tabindex="3"onMouseOver="this.className='input_1'"
onMouseOut="this.className='input_2'"/><fontclass="redstar">*</font></td>
</tr>
<tr>
<tdclass="newly_content">留言內容：</td>
<tdcolspan="3"class="ly_title2"><textareaname="ly_content"cols="70"rows="15"tabindex="5"
style="background:#fffurl(images/notepad.jpg)rightcenterno-repeat;"onMouseOver="this.className='input_1'"
onMouseOut="this.className='input_2'"></textarea><fontclass="redstar">*</font></td>
</tr>

<trheight="30">
<tdclass="ly_title">&nbsp;</td>
<tdwidth="31%"class="ly_title2"><spanclass="ly_title">
<inputvalue="提交留言"class="inp_L1"onMouseOver="this.className='inp_L2'"
onMouseOut="this.className='inp_L1'"id="input_btn2"name="input_btn"tabindex="6"type="submit"onClick="form.submit()"onKeyDown="if(event.keyCode==13)form.submit()"/>
</span></td>
<tdwidth="38%"class="ly_title2"><inputvalue="清空再來"class="inp_L1"onMouseOver="this.className='inp_L2'"onMouseOut="this.className='inp_L1'"id="input_btn1"name="enter.x"tabindex="7"type="reset"/></td>
<tdclass="ly_title2">&nbsp;</td>
</tr>
</tbody>
</table>
</form>

<SCRIPTlanguage=javaScript>
functionCheckForm(form)
{

if(form.ly_name.value=="")
{
alert("請填寫您的大名！");
form.ly_name.focus();
returnfalse;
}

if(form.ly_qq.value=="")
{
alert("請填寫您的QQ！");
form.ly_qq.focus();
returnfalse;
}

if(form.ly_title.value=="")
{
alert("請填寫您的留言標題！");
form.ly_title.focus();
returnfalse;
}

if(form.ly_content.value=="")
{
alert("請填寫留言內容！");
form.ly_content.focus();
returnfalse;
}

if(form.ly_content.value.length>500)
{
alert("詳情內容不能超過500字！");
form.ly_content.focus();
returnfalse;
}

varregx=/^d{5,9}$/;//^表示不匹配。d表示任意數字，{5,9}表示長度為5到9。
if(!regx.test(form.ly_qq.value)){
alert("請輸入你正確的QQ號");
form.ly_qq.focus();
returnfalse;
}//用上面定義的正則表達式測試，如果不匹配則返回false，否則返回true
returntrue;//結尾
}
</SCRIPT>
</body>
</html>

③ 用JS怎樣獲取文本框的值

代碼示例：

document.getElementById("id").innerHTML //獲取文本的內容；

document.getElementById("id").value //獲取文本框的內容；

function getValue(){

var input=document.getElementById("myId");//通過獲取文本框對象

alert(input.value);//通過文本框對象獲取value值

}

(3)jstextboxselect擴展閱讀：

JavaScript是一種屬於網路的腳本語言,已經被廣泛用於Web應用開發,常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。

是一種解釋性腳本語言（代碼不進行預編譯）。[4]

主要用來向HTML（標准通用標記語言下的一個應用）頁面添加交互行為。[4]

可以直接嵌入HTML頁面，但寫成單獨的js文件有利於結構和行為的分離。[4]

跨平台特性，在絕大多數瀏覽器的支持下，可以在多種平台下運行（如Windows、Linux、Mac、Android、iOS等）。

Javascript腳本語言同其他語言一樣，有它自身的基本數據類型，表達式和算術運算符及程序的基本程序框架。Javascript提供了四種基本的數據類型和兩種特殊數據類型用來處理數據和文字。而變數提供存放信息的地方，表達式則可以完成較復雜的信息處理

參考資料：JavaScript-網路

④ JS 如何實現按下Esc按鍵全選文本框中的文本內容

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div>文本框：內</div>
<textarea>按下ESC選中我</textarea>
<script src="jquery.min.js" ></script>
<script type="text/javascript">
function hotkey()
{
容var a=window.event.keyCode;
if(a==27)
{
$('textarea').select();
}
}
// 初始化載入
$(document).ready(function () {
document.onkeydown = hotkey;
});
</script>
</body>
</html>

⑤ JS如何賦值給文本框

⑥ JS怎麼設置可編輯表格的值

*
JS實現可編輯的表格
*
用法:EditTables(tb1,tb2,tb2,......);
*
Create
by
Senty
at
2008-04-12
**/
//設置多個表格可編輯
function
EditTables()
{
for
(var
i
=
0;
i
<
arguments.length;
i++)
{
SetTableCanEdit(arguments[i]);
}
}
//設置表格是可編輯的
function
SetTableCanEdit(table)
{
for
(var
i
=
1;
i
<
table.rows.length;
i++)
{
SetRowCanEdit(table.rows[i]);
}
}
function
SetRowCanEdit(row)
{
for
(var
j
=
0;
j
<
row.cells.length;
j++)
{
//如果當前單元格指定了編輯類型，則表示允許編輯
var
editType
=
row.cells[j].getAttribute("EditType");
if
(!editType)
{
//如果當前單元格鏈攔敬沒有指定，則查看當前列是否指定
editType
=
row.parentNode.rows[0].cells[j].getAttribute("EditType");
}
if
(editType)
{
row.cells[j].onclick
=
function
()
{
EditCell(this);
}
}
}
}
//設置指定單元格可編輯
function
EditCell(element,
editType)
{
var
editType
=
element.getAttribute("EditType");
if
(!editType)
{
//如果當前單元格沒有指定，則查看當前列是棚慎否指定
editType
=
element.parentNode.parentNode.rows[0].cells[element.cellIndex].getAttribute("EditType");
}
switch
(editType)
{
case
"TextBox":
CreateTextBox(element,
element.innerHTML);
break;
case
"DropDownList":
CreateDropDownList(element);
break;
default:
break;
}
}
//為單元格創建可編輯輸入框
function
CreateTextBox(element,
value)
{
//檢查編輯狀態，如果已經是編輯狀態，跳過
var
editState
=
element.getAttribute("衡燃EditState");
if
(editState
!=
"true")
{
//創建文本框
var
textBox
=
document.createElement("INPUT");
textBox.type
=
"text";
textBox.className
=
"EditCell_TextBox";
//設置文本框當前值
if
(!value)
{
value
=
element.getAttribute("Value");
}
textBox.value
=
value;
//設置文本框的失去焦點事件
textBox.onblur
=
function
()
{
CancelEditCell(this.parentNode,
this.value);
}
//向當前單元格添加文本框
ClearChild(element);
element.appendChild(textBox);
textBox.focus();
textBox.select();
//改變狀態變數
element.setAttribute("EditState",
"true");
element.parentNode.parentNode.setAttribute("CurrentRow",
element.parentNode.rowIndex);
}
}
//為單元格創建選擇框
function
CreateDropDownList(element,
value)
{
//檢查編輯狀態，如果已經是編輯狀態，跳過
var
editState
=
element.getAttribute("EditState");
if
(editState
!=
"true")
{
//創建下接框
var
downList
=
document.createElement("Select");
downList.className
=
"EditCell_DropDownList";
//添加列表項
var
items
=
element.getAttribute("DataItems");
if
(!items)
{
items
=
element.parentNode.parentNode.rows[0].cells[element.cellIndex].getAttribute("DataItems");
}
if
(items)
{
items
=
eval("["
+
items
+
"]");
for
(var
i
=
0;
i
<
items.length;
i++)
{
var
oOption
=
document.createElement("OPTION");
oOption.text
=
items[i].text;
oOption.value
=
items[i].value;
downList.options.add(oOption);
}
}
//設置列表當前值
if
(!value)
{
value
=
element.getAttribute("Value");
}
downList.value
=
value;
//設置創建下接框的失去焦點事件
downList.onblur
=
function
()
{
CancelEditCell(this.parentNode,
this.value,
this.options[this.selectedIndex].text);
}
//向當前單元格添加創建下接框
ClearChild(element);
element.appendChild(downList);
downList.focus();
//記錄狀態的改變
element.setAttribute("EditState",
"true");
element.parentNode.parentNode.setAttribute("LastEditRow",
element.parentNode.rowIndex);
}
}

⑦ js怎麼判斷一個對象是文本框還是下拉框

下拉框是select標簽的。文本框是input標簽的，通過標簽就可以判斷，其次文本框的type=『text』，也是可以通過其type屬性判斷。

⑧ JS/JAVASCRIPT 選中文本框內的文字讓滾動條滾動到選中文字的位置

導航:首頁 > 編程語言 > jstextboxselect

jstextboxselect

與jstextboxselect相關的資料

友情鏈接