1. 程式人生 > 其它 >JS 拼接Input&select字元小案例

JS 拼接Input&select字元小案例

技術標籤:jshtml前端

<div>
    <select name="classes_subject_select" onchange="sum(this);" id="showtips_subject">
        <option value="你好">你好</option>
        <option value="世界">世界</option>
    </select>
</div>
<div><input type="text" name="basic_date" id="showtips_date" onkeyup="sum(this);"></div> <div><input type="text" name="basic_title" id="showtips_title" onkeyup="sum(this);"></div> <div
>
<input type="text" name="basic_title" id="showtips_all"></div> <!--<div><span id="showtips_all"></span></div>--> <script> function sum(obj) { var sub = document.getElementById('showtips_subject'), date =
document.getElementById('showtips_date'), title = document.getElementById('showtips_title'), all = document.getElementById('showtips_all') if (date.value != '' || title.value != '') { all.value = sub.value + date.value + title.value } all.value = sub.value + date.value + title.value }
</script>

小總結: JS還是挺好玩的,但有一些疑惑,為什麼 變數一定要定義到方法體內?【有時候可以 有時候 不可以?阿西吧,搞什麼思密達???】【如下例】
定義到外面的話為什麼識別不出來?全域性變數不好麼?
每次執行程式碼,重新定義變數的話是不是佔用時間或空間?

<script>  var sub = document.getElementById('showtips_subject'),
           date = document.getElementById('showtips_date'),
           title = document.getElementById('showtips_title'),
           all = document.getElementById('showtips_all')
   function sum(obj) { 
       if (date.value != '' || title.value != '') {
           all.value = sub.value + date.value + title.value
       }
       all.value = sub.value + date.value + title.value

   }
</script>

在這裡插入圖片描述