用javascript客戶端的多個下拉框更新單個文本框中的文本

編輯：好吧，我真的想得到這個，所以我決定簡化我需要的東西。我有一個文本框，onclick更新文本框。現在，我需要做的是當他們點擊第二個下拉菜單時，它將更新同一文本框中的部分文本。希望這可以幫助。用javascript客戶端的多個下拉框更新單個文本框中的文本

<script type="text/javascript"><!--  

      function OnSelectionChanged(listBox) { 
       var textInput = document.getElementById("dn"); 
       textInput.value = listBox.value; 
      } 


    //--></script> 

</head> 
<body> 
<ul id="menu"> 
    </ul> 
    <div id="main" class="view"> 
     <h1>Text</h1> 
    <div id="intro"><h5>Text</h5> 
    <div id="content"><h2>Text:</h2> 
    <p>Text</p> 
    </div> 
    <form method="POST" action="submit" name="myForm"><fieldset> 
    <legend>Text</legend> 

    <label>[<a href="help.html" onclick="openWin(this.href); return false" title="Disposition Details Page">?</a>] 
    Disposition Code<br /> 
    <select size="1" name="disposition" id="drp_dwn" onchange="OnSelectionChanged (this)"> 
    <option value="-1" selected>&mdash;&mdash;Select one&mdash;&mdash;</option> 
    <option value="Text ">190</option> 
    <option value="191">191</option> 
    <option value="192">192</option> 
    <option value="195">195</option> 
    <option value="270">270</option> 
    <option value="300">300</option> 
    <option value="340">340</option> 
    <option value="350">350</option> 
    <option value="370">370</option> 
    <option value="380">380</option> 
    <option value="381">381</option> 
    <option value="382">382</option> 
    <option value="383">383</option> 
    <option value="384">384</option> 
    <option value="400">400</option> 
    <option value="401">401</option> 
    <option value="402">402</option> 
    <option value="403">403</option> 
    </select> 
    </label> 
     <label>[<a href="help.html#input3" onclick="openWin(this.href); return false" title="Help on filling out input #3.">?</a>] 
    Cause Code<br /> 
    <select size="1" name="cause"> 
    <option value="-1" selected>&mdash;&mdash;Select one&mdash;&mdash;</option> 
    <option value="">Cause - 190</option> 
    <option value="B">Option B</option> 
    <option value="C">Option C</option> 
    </select> 
    </label><br /><br /> 


    <label><!--[<a href="help.html#input7" onclick="openWin(this.href); return false" title="Help on filling out input #7.">?</a>] --> 
    Disposition Narrative 
    <textarea id="dn" rows="8" cols="30" name="dn"></textarea> 
    </label>

我還在習慣如何堆棧溢出要我們來格式化代碼，但我希望你們能讀它不夠好，以幫助找到解決辦法。再次感謝。

來源

2013-02-22 min222002

我認爲這段代碼可能很有用，可以確切地看到您正在嘗試更改的文本字段的哪些部分，以及您到目前爲止所嘗試的內容。 – 2013-02-22 17:16:27

所有我真的可以給你在這一點上是

附加的onchange處理程序到你的下拉菜單。您的處理程序將添加/替換文本。
當dd2和dd3更改時，使用正則表達式替換文本。

如果您可以提供有關要替換的文本的更多詳細信息，則有人可以使用正則表達式來幫助您。

來源

2013-02-22 17:20:04

用javascript客戶端的多個下拉框更新單個文本框中的文本

回答

相關問題