Set Selected pada combobox apabila klik button Javascript HTML


Kali ini saya mau bagi koding javascript nih, agak bingung juga ngasih judulnya tapi yasudahlah hiraukan saja judulnya..hehe

oke jadi konsepnya gini..
Saya punya combo box dengan id country, nah dibawah combo boxnya saya punya beberapa button, nah kalo buttonnya itu di klik nanti selected combo boxnya tuh otomatis berubah.. gituuuuuu

nah ini dia scriptnya:

<script type="text/javascript">

  $(document).ready(function(){

    $("#isSelect").click(function () {

alert($('#country').val());

    });

    $("#selectChina").click(function () {

$("#country").val("China");

    });

    $("#selectUS").click(function () {

$("#country").val("United State");

    });

    $("#selectMalaysia").click(function () {

$("#country").val("Malaysia");

    });

    $("#disableUS").click(function () {

$("#country option[value='United State']").attr("disabled", true);

    });

    $("#enableUS").click(function () {

$("#country option[value='United State']").attr("disabled", false);

    });

  });
</script>
</head><body>

<select id="country">
<option value="None">-- Select --</option>
<option value="China">China</option>
<option value="United State">United State</option>
<option value="Malaysia">Malaysia</option>
</select>

<br/>
<br/>
<br/>

<input type='button' value='Display Selected' id='isSelect'>
<input type='button' value='China' id='selectChina'>
<input type='button' value='Select US' id='selectUS'>
<input type='button' value='Select Malaysia' id='selectMalaysia'>
<input type='button' value='Disable US' id='disableUS'>
<input type='button' value='Enable US' id='enableUS'>


Share this

Related Posts

Previous
Next Post »

terimakasih telah berkunjung dan berkomentar :D